Bricks: WordPress bunte Admin Bar.md

Either pass the code in your Bricks settings -> Custom Code -> CSS, or - if you already have a Code manager active: Set the css to for "logged in users only".

html {
    margin-top: 0px !important;
}

#wpadminbar {
    top: 4px;
    margin: 0 5px 0 5px;
    transition: all ease-in-out .2s;
    height: 40px;
    backdrop-filter: blur(2px) saturate(180%);
    -webkit-backdrop-filter: blur(2px) saturate(180%);
    background-color: rgba(17, 25, 40, 0.3);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.125);
    padding: 3px;
}

#wpadminbar:hover {
    transition: all ease-in-out .1s;
    background-color: rgba(17, 25, 40, 0.48);
    backdrop-filter: blur(10px) saturate(180%);
    -webkit-backdrop-filter: blur(10px) saturate(180%);
}

#wpadminbar ul:first-of-type li:first-of-type a {
    border-radius: 15px 0 0 15px !important;
}

#wpadminbar ul:last-of-type input {
    border-radius: 15px !important;
    margin-right: 2px !important;
}