@import url('../../.cache/wal/colors-waybar.css');

* {
    all:unset;
    font-size: 14px;
    font-family: "Fira Sans", sans-serif;
    font-weight: normal;
}

.calendar {
    background: #222222;
    padding: 12px;
    margin:14px;
    border-radius: 12px;
    font-weight: bold;
    border: 3px solid @color11;
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.8);
    padding:20px;
    min-width:320px;
}

calendar:selected {
    background-color:@color11;
    padding:0px;
}

.sidebar {
    background: #222222;
    padding: 12px;
    margin:14px;
    border-radius: 12px;
    font-weight: bold;
    border: 3px solid @color11;
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.8);
    padding:20px;
}

.group {
    padding:16px;
    background-color: rgba(116, 116, 116, 0.1);
    border-radius: 20px;
}

.ml4wwelcomeicon {
    background:url("assets/ml4w-welcome.png");
    background-size:50px;
    background-repeat: no-repeat;
    background-position: top;
    padding: 40px 50px 20px 50px;
}

.ml4wsettingsicon {
    background:url("assets/ml4w-dotfiles-settings.png");
    background-size:50px;
    background-repeat: no-repeat;
    background-position: top;
    padding: 40px 50px 20px 50px;
}

.ml4whyprlandicon {
    background:url("assets/ml4w-hyprland-settings.png");
    background-size:50px;
    background-repeat: no-repeat;
    background-position: top;
    padding: 40px 50px 20px 50px;
}

.btnbar {
    border: 1px solid #222222;
    padding:5px;    
    min-height:24px;
    border-radius: 24px;
    min-width: 24px;
    margin:0px 2px 0px 2px;
}

.btnbar.statusbar {
    background:url("assets/icons/image-loading-symbolic.svg");
    background-repeat:no-repeat;
    background-position:center;
    background-color: @color11;
    background-size:20px;    
}

.btnbar.wallpaper {
    background:url("assets/icons/fileview-preview-symbolic.svg");
    background-repeat:no-repeat;
    background-position:center;
    background-color: @color11;
    background-size:20px;    
}

.btnbar.wallpapereffects {
    background:url("assets/icons/xapp-prefs-preview-symbolic.svg");
    background-repeat:no-repeat;
    background-position:center;
    background-color: @color11;    
}

.btnbar.lock {
    background:url("assets/icons/padlock2-symbolic.svg");
    background-repeat:no-repeat;
    background-position:center;
    background-color: @color11;    
}

.btnbar.logout {
    background:url("assets/icons/application-exit-symbolic.svg");
    background-repeat:no-repeat;
    background-position:center;
    background-color: @color11;    
}

.btnbar.restart {
    background:url("assets/icons/arrow-circular-top-right-symbolic.svg");
    background-repeat:no-repeat;
    background-position:center;
    background-color: @color11;    
}

.btnbar.suspend {
    background:url("assets/icons/media-playback-paused-symbolic.svg");
    background-repeat:no-repeat;
    background-position:center;
    background-color: @color11;    
}

.btnbar.exit {
    background:url("assets/icons/turn-off-symbolic.svg");
    background-repeat:no-repeat;
    background-position:center;
    background-color: @color11;    
}

.midbtn {
    background-color: @color11;
    font-size: 12px;
    padding:10px;
    border-radius: 20px;
}

.AudioSlider {
    background-color:@color11;
    border-radius:12px;
    margin-bottom:10px;
}

.AudioSlider contents {
    min-height: 20px;
    background-color:@color15;
    border-radius:12px;
}

.AudioSlider value {
    min-height: 20px;
    background-color: #222222;
}

.AudioSlider slider {
    min-height: 20px;
    background-color:@color15;
    border-radius:12px;
}

.AudioSlider highlight {
    min-height:20px;
    background-color:@color11;
    border-radius:12px;
    outline-width:3px;
}

.AudioSlider fill {
    min-height:20px;
    background-color:@color11;
    border-radius:12px;
}

.MicrophoneSlider {
    background-color:@color11;
    border-radius:12px;
}

.MicrophoneSlider contents {
    min-height: 20px;
    background-color:@color15;
    border-radius:12px;
}

.MicrophoneSlider value {
    min-height: 20px;
    background-color: #222222;
}

.MicrophoneSlider slider {
    min-height: 20px;
    background-color:@color15;
    border-radius:12px;
}

.MicrophoneSlider highlight {
    min-height:20px;
    background-color:@color11;
    border-radius:12px;
    outline-width:3px;
}

.MicrophoneSlider fill {
    min-height:20px;
    background-color:@color11;
    border-radius:12px;
}