Stylize the user account appear

[stable helm]

fire but feels laggy as hell when trying to use it

[lime crest]

yeah sometimes it can be a little slow if there’s a lot of channel elements on screen

[worthy holly]

should be better if you delete the blur part

[lime crest]

yeah if you just want the animation you can delete the blur part

or i can delete it for you

.accountProfilePopoutWrapper_af829a {left: 708px; top: 50px;}
.accountProfilePopoutWrapper_af829a {
    animation: 0.5s ease-out slide;
}

@keyframes slide {
    from {
        transform: translate(0, -1600px);
    }

    to {
        transform: translate(0, 0px);
    }
}```

[grizzled folio]

this isn't really centered lol

[lime crest]

yeah i still need to find a way to make it centered relative to monitor size

centers well for 1920x1080

[worthy holly]

just use margin auto

[last heart]

not bad but you could use the transition property

[tepid shoal]

blur moment

[lime crest]

never really thought of that, i’ll try it

[lime crest]

that does NOT work

[worthy holly]

if its positioned absolute you may need to use the top: 50% left:50% transform: translate(-50%,-50%) trick

[lime crest]

by default its positioned relative

[worthy holly]

set it to position absolute then

position relative is hard to work with because its relative

[lime crest]

doesnt really work out well

https://files.catbox.moe/plauly.mp4

[worthy holly]

.accountProfilePopoutWrapper_af829a {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: 0.5s ease-out animate;
}
.layerContainer_d5a653:has([class^="userPopoutOuter_"]) { 
    backdrop-filter: blur(10px) !important; 
    transition: backdrop-filter 0.5s ease-out;
}

@keyframes animate {
    from {
        transform: translate(-50%, -500%);
    }

    to {
        transform: translate(-50%, -50%);
    }
}```

position fixed is better