@use "./modules/modules.scss";
@use "./menus/menus.scss";

window.Bar {
    background: transparent;
    color: #{"@theme_fg_color"};
    font-weight: bold;
    font-family: 'JetBrainsMono Nerd Font Mono';
    font-size: 13px;

    > centerbox {
        background: transparent;
        border-radius: 20px;
        margin: 2px 5px 0 5px;
        min-height: 30px;
    }

    .Menubutton {
        all: unset;
        /* background-color: black; */
        border-radius: 25px;
        border: 3pt solid black;
        background-color: rgb(70, 70, 70);
        &:hover label {
            transition: 300ms;
            background-color: gray;
        }
        label {
            transition: 300ms;
            padding: 5px 15px 5px 9px;
            border-radius: 20px;
            border: 1pt solid black;
        }
    }

    .RoudedBlock {
        background-color: black;
        border-radius: 25px;
        transition: 300ms;
    }
}