SideQuest simple (2024 AI UX) by jojoto

/* ==UserStyle==
@name         SideQuest simple (for 2024 AI UX)
@namespace    sidequestvr.com
@version      0.0.2
==/UserStyle== */

@-moz-document domain("sidequestvr.com") {
    /* vars taken form m3.io */
    :root {
        --app-card-background: none;
        --mio-theme-color-surface-1: #1c1b1d;
        --mio-theme-color-surface-2: #211f21;
        --mio-theme-color-surface-3: #2b292b;
        --mio-theme-color-surface-4: #363436;
        --mio-theme-color-surface-5: #363436;
    }

    .svg-center,
    .svg-bottom-left,
    .svg-top-left,
    .svg-top-right,
    .svg-bottom-right{
        display: none !important;
    }

    img.h-full{
        display: none !important;
    }

    .blue-circle, .pink-circle{
        display: none !important;
    }

    .circle__blue-one, .circle__blue-two, .circle__blue-pulsing, .circle__white-one{
       display: none !important; 
    }

    .circle-wrapper, .header-circle-pulsing, .header-circle {
        display: none !important;
    }

    .texture-wrapper > img.top-texture, img.mid-texture {
        display: none !important;
    }

    .nav-desktop, .nav-tablet{
        box-shadow: none !important;
        background: var(--mio-theme-color-surface-1) !important;
    }

    .mat-card-content, .mat-card{
        background: var(--mio-theme-color-surface-2) !important;
    }

    .nav-desktop::before, .nav-desktop::after, .avatar-container::before, .avatar-container::after, aurora-avatar::before{
        display: none !important;
    }

    .circle-transition {
        display: none !important;
    }

    .mat-card-content::before, .border-glow, .aurora-border-glow {
        box-shadow: none !important;
    }
    
    .sidenav-container {
        background:  var(--app-card-background) !important;
    }

    /* .active taken form m3.io */
    li > a.active::before {
        opacity: 1;
        transform: scaleX(1);
    }
    li > a::before {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transform: scaleX(.32);
        transition-duration: .2s;
        transition-property: transform,opacity;
        transition-timing-function: linear;
        border-radius: 100px;
        background: #e93392;
        content: "";
        z-index: -1;
    }
}

@-moz-document url-prefix("https://sidequestvr.com/category/all"){
    aurora-featured-header-animation-one.ng-star-inserted{
        display: none !important;
    }
    .featured-category__inner-wrapper{
        height: fit-content;
        padding-top : 20px;
    }
}