@import url('../../.cache/wal/colors-waybar.css');
* {
    all: unset;
    background-image: none;
    margin: unset;
    padding: unset;
    transition: 200ms cubic-bezier(0, 0, 1, 1);
}
button {
    font-family: 'CodeNewRoman Nerd Font Mono';
    background-color: alpha(@color9,1);
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: center;


}
#lock {
    background-image: image(url("../../.config/wlogout/lock.png"));
    margin : 5px 5px 5px 300px;
    padding: 5px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
}
#shutdown {
    background-image: image(url("../../.config/wlogout/power.png"));
    margin : 5px 300px 5px 5px;
    padding: 5px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
}
#logout {
    background-image: image(url("../../.config/wlogout/logout.png"));
    margin : 5px 300px 5px 5px;
    padding: 5px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
}
#reboot {

    background-image: image(url("../../.config/wlogout/restart.png"));
    margin : 5px 5px 5px 300px;
    padding: 5px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
}

#lock:focus {
    margin : 5px 5px 5px 200px;

}
#shutdown:focus {
    margin : 5px 200px 5px 5px;
}
#logout:focus {
    margin : 5px 200px 5px 5px;
}
#reboot:focus {
    margin : 5px 5px 5px 200px;
}
button:focus{
    background-color: alpha(@color5,1);
    color: #000000;
    background-position:center;
}