Quizlet Catppuccin by spaghettiosareyummy

/* ==UserStyle==
@name           Quizlet Catppuccin Macchiato
@namespace      spaghet
@version        1.0.0
@author         Brandon Bowdoin
==/UserStyle== */
@-moz-document domain("quizlet.com") {
    @import url('https://unpkg.com/@catppuccin/palette@0.1.4/css/catppuccin.css');


    :root body {
        color: var(--ctp-macchiato-text);
        background: var(--ctp-macchiato-base);
    }

    ::selection {
        background: var(--ctp-macchiato-blue);
    }

    .DashboardLayout {
        background-color: var(--ctp-macchiato-base) !important;
    }

    .TopNavigation {
        background-color: var(--ctp-macchiato-crust);
        border-bottom: none;
    }

    .s19dmjr1 {
        border: none;
    }

    .NavigationTab--span {
        color: var(--ctp-macchiato-text) !important;
    }

    .s13oqxd2.NavigationTab:not(.no-highlight):after {
        background: var(--ctp-macchiato-overlay2);
    }

    .e1bxx0ta::after:hover {
        background: var(--ctp-macchiato-overlay2);
    }

    .hri9878 {
        color: var(--ctp-macchiato-subtext1);
    }

    .AssemblyCard {
        background-color: var(--ctp-macchiato-mantle);
        border-color: var(--ctp-macchiato-mantle);
        box-shadow: 0 .125rem .5rem 0 var(--ctp-macchiato-crust);
    }
    h5 {
        color: var(--ctp-macchiato-text);
    }

    .CourseOverviewPreviewCard-recommendationTitle {
        color: var(--ctp-macchiato-text);
    }

    .CourseOverviewPreviewCard-recommendationLink:hover {
        background-color: var(--ctp-macchiato-crust) !important;
    }

    .CourseOverviewPreviewCard-subtitle {
        color: var(--ctp-macchiato-subtext1);
    }

    .CourseOverviewPreviewCard-recommendationLabel {
        color: var(--ctp-macchiato-subtext1);
    }

    .CourseOverviewPreviewCard-divider {
        border: .0625rem solid var(--ctp-macchiato-mantle);
    }

    .AssemblySecondaryButton {
        background-color: var(--ctp-macchiato-crust);
    }

    .AssemblyPrimaryButton--default {
        background-color: var(--ctp-macchiato-crust);
        border: .0625rem solid var(--ctp-macchiato-text);
    }

    .c1vierhv {
        border: .125rem dashed var(--ctp-macchiato-overlay2);
    }

    .djzjpyv {
        color: var(--ctp-macchiato-subtext1);
    }

    span {
        color: inherit;
    }

    .s139vgrg {
        color: var(--ctp-macchiato-subtext1);
    }

    form {
        background-color: inherit;
    }
    input {
        background-color: var(--ctp-macchiato-surface0);
    }

    .b1r2wylq {
        background-color: var(--ctp-macchiato-mantle);
        box-shadow: 0 .125rem .25rem var(--ctp-macchiato-crust);
    }

    .AssemblyPill {
        background-color: var(--ctp-macchiato-crust);
    }

    .t7pmw6o {
        color: var(--ctp-macchiato-text);
    }

    .UserLink-username {
        color: var(--ctp-macchiato-text) !important;
    }
    .UserLink-title {
        color: var(--ctp-macchiato-text) !important;
    }
    .UILinkBox {
        background-color: var(--ctp-macchiato-mantle);
    }

    .UIBaseCardHeader-info {
        color: var(--ctp-macchiato-text) !important;
    }

    .UIBaseCardHeader-thumbnail {
        border: var(--ctp-macchiato-mantle);
    }

    .a1s81tf6 {
        background-color: var(--ctp-macchiato-mantle);
    }

    .aup4qff {
        color: var(--ctp-macchiato-mantle) !important;
    }

    .illkdv2c {
        color: var(--ctp-macchiato-maroon) !important;
    }

    .react-calendar__month-view__weekdays__weekday {
        color: var(--ctp-macchiato-subtext0) !important;
    }

    .CalendarTile--isCurrentWeek::after {
        background-color: var(--ctp-macchiato-mantle) !important;
    }

    .CalendarTile--isCurrentWeek {
        color: var(--ctp-macchiato-text) !important;
    }

    .AssemblyIcon--medium {
        color: inherit;
    }

    .AssemblyIconButton--tertiary {
        color: var(--ctp-macchiato-text);
    }

    .AssemblyButtonBase--circle {
        color: var(--ctp-macchiato-text);
    }

    .AssemblySecondaryButton {
        color: var(--ctp-macchiato-text);
    }

    .AssemblyPillText {
        color: var(--ctp-macchiato-text);
    }

    .SiteActivity-button.isGlobalNavInExperiment {
        color: var(--ctp-macchiato-text);
    }

    .UIIcon--large {
        color: var(--ctp-macchiato-text);
    }

    .s1da1u6y {
        background-color: var(--ctp-macchiato-crust) !important;
    }

    .CalendarTile--hasEvent {
        color: var(--ctp-macchiato-mantle) !important;
    }

    .c1qopd51 {
        color: var(--ctp-macchiato-maroon) !important;
    }

    .AssemblyIconButton--primary {
        background: var(--ctp-macchiato-base);
    }

    .AssemblyButtonBase:hover:not([disabled],
    [aria-disabled=true]) {
        background: var(--ctp-macchiato-mantle);
    }

    .SiteActivity-button {
        border: .0625rem solid var(--ctp-macchiato-overlay2);
        color: var(--ctp-macchiato-text);
    }

    .SiteActivity-button:focus,
    .SiteActivity-button:hover {
        border: .0625rem solid var(--ctp-macchiato-overlay0);
        color: var(--ctp-macchiato-subtext1);
    }

    .NotificationBadge-container {
        background: var(--ctp-macchiato-overlay2);
    }

    [d17q91q7][aria-expanded="true"] {
        background-color: var(--ctp-macchiato-text) !important;
    }

    .UILinkBox-link .UILink:active,
    .UILinkBox-link .UILink:focus,
    .UILinkBox-link .UILink:hover {
        border-bottom: .3125rem solid var(--ctp-macchiato-overlay2);
    }

    .AssemblySmallCard-hover:hover::after {
        background-color: var(--ctp-macchiato-overlay2);
    }

    .rellgo5 {
        color: var(--ctp-macchiato-text);
    }

    #react-autowhatever-site-header-global-search-autosuggest {
        background-color: var(--ctp-macchiato-crust);
        border: var(--ctp-macchiato-mantle);
    }

    .tqxyjjt {
        color: var(--ctp-macchiato-text);
    }

    text {
        color: var(--ctp-macchiato-subtext1);
    }

    li.react-autosuggest__suggestion:hover {
        background: var(--ctp-macchiato-mantle);
    }

    .poy4xqf {
        background: var(--ctp-macchiato-crust);
    }

    .wej97zk {
        background-color: var(--ctp-macchiato-crust);
    }

    .wvbj6cw {
        background-color: var(--ctp-macchiato-crust);
    }

    .poy4xqf {
        border: .0625rem solid var(--ctp-macchiato-crust);
    }

    .c721v4v {
        color: var(--ctp-macchiato-text);
    }

    .c139umgt {
        color: var(--ctp-macchiato-text);
    }

    .t1ow6gy9 {
        color: var(--ctp-macchiato-subtext1);
    }

    .u1jilvfz {
        background-color: var(--ctp-macchiato-overlay2);
    }


    .wej97zk:hover {
        background-color: var(--ctp-macchiato-mantle);
    }

    .s1ovpdog {
        background-color: var(--ctp-macchiato-mantle) !important;
        border-top: .0625rem solid var(--ctp-macchiato-overlay0)
    }

    .AssemblyMenuItem--title {
        color: var(--ctp-macchiato-subtext0) !important;
    }

    .c1ap9d88:hover {
        background-color: var(--ctp-macchiato-base);
    }

    .c1ap9d88 {
        background-color: var(--ctp-macchiato-mantle);
    }

    .h1hbonvg {
        background-color: var(--ctp-macchiato-mantle);
    }

    .UIBaseCard-labelTag {
        background-color: var(--ctp-macchiato-surface0) !important;
        color: var(--ctp-macchiato-text);
    }

    .UIIcon--chevron-right {
        color: var(--ctp-macchiato-text);
    }

    .UIIcon--chevron-left {
        color: var(--ctp-macchiato-text);
    }

    .UIPopover,
    .UIPopover:after {
        background-color: var(--ctp-macchiato-mantle);
    }

    .UIPopover.UIPopover--mediumShadow {
        box-shadow: 0 0.125rem 0.25rem var(--ctp-macchiato-crust);
    }

    .SetRecommendationCard-contextMenuItem:hover {
        background-color: var(--ctp-macchiato-crust);
    }

    .cxvmyeq {
        border: .0624rem solid var(--ctp-macchiato-crust);
    }

    .wxhi4p:hover {
        background-color: var(--ctp-macchiato-mantle);
    }

    .AssemblyTab {
        color: var(--ctp-macchiato-subtext0);
    }

    .AssemblyTab::after {
        color: var(--ctp-macchiato-subtext0);
    }

    .s4cgp9b.AssemblyTab {
        color: var(--ctp-macchiato-text);
    }

    .AssemblyTab:hover {
        color: var(--ctp-macchiato-lavender);
    }

    .f1ub3img {
        border-top: .0625rem solid var(--ctp-macchiato-overlay2);
    }

    .AssemblyTabsWrapper:before {
        background-color: var(--ctp-macchiato-overlay2);
    }

    .s4cgp9b.AssemblyTab:after {
        background: var(--ctp-macchiato-blue);
    }

    .AssemblyTab:hover:after {
        background: var(--ctp-macchiato-blue);
    }

    .w15oa27z:hover {
        background: var(--ctp-macchiato-mantle);
    }

    .wxhi4p:hover {
        background: var(--ctp-macchiato-mantle);
    }

    .i1v4i7rf.textbookIcon {
        background-image: url(https://assets.quizlet.com/a/j/dist/app/i/explanations/textbook_night.1ff39f68b703b28.svg);
    }

    .sinah8x {
        color: var(--ctp-macchiato-subtext0);
    }

    .SetPage {
        background-color: var(--ctp-macchiato-base);
    }

    .SetPage-setIntroWrapper {
        background-color: var(--ctp-macchiato-base) !important;
    }

    .SetPage-setDetailsInfoWrapper {
        background-color: var(--ctp-macchiato-base) !important;
    }

    .SetPage-setDetailsTermsWrapper {
        background-color: var(--ctp-macchiato-base) !important;
    }

    .SetPage-setLinksWrapper {
        background-color: var(--ctp-macchiato-base) !important;
    }

    .SiteFooter {
        background-color: var(--ctp-macchiato-base);
        color: var(--ctp-macchiato-text);
    }

    .SiteFooter-bottom {
        background-color: var(--ctp-macchiato-base);
    }

    .SetPageStickyHeader.is-pinned {
        background-color: var(--ctp-macchiato-crust);
    }

    .StudyModesNavItem {
        background-color: var(--ctp-macchiato-mantle);
    }

    .StudyModesNavItemName {
        color: var(-...