.module
{
  color: $foreground;
  padding: 0.2rem 0.3rem 0.2rem 0.3rem;
}

#battery.warning,
#disk.warning,
#memory.warning,
#cpu.warning {
  border-top: 3px solid $background;
  border-bottom: 3px solid $yellow;
}

@keyframes blink {
  to {
    color: $background;
  }
}

#battery.critical:not(.charging) {
  background-color: $red;
  color: white;
  animation-name: blink;
  animation-duration: 3.0s;
  animation-timing-function: steps(12);
  animation-iteration-count: infinite;
  animation-direction: alternate;
  box-shadow: inset 0 -3px transparent;
}

/*-----Indicators----*/
#custom-hypridle.notactive,
#idle_inhibitor.activated {
	color: #39FF14;
}

#battery.critical,
#disk.critical,
#memory.critical,
#cpu.critical {
  border-top: 3px solid $background;
  border-bottom: 3px solid $red;
}

#temperature.critical {
	background-color: $red;
}

#battery.charging {
  border-top: 3px solid $background;
  border-bottom: 3px solid $green;
}

#pulseaudio-slider slider {
	min-width: 0px;
	min-height: 0px;
	opacity: 0;
	background-image: none;
	border: none;
	box-shadow: none;
}
	
#pulseaudio-slider trough {
	min-width: 80px;  
	min-height: 5px; 
	border-radius: 5px;
	background-color: $dim;
}
	
#pulseaudio-slider highlight {
	min-height: 10px; 
	border-radius: 5px;
	background-color: $orange;
}

#backlight-slider slider {
	min-width: 0px;
	min-height: 0px;
	opacity: 0;
	background-image: none;
	border: none;
	box-shadow: none;
}
	
#backlight-slider trough {
	min-width: 80px;  
	min-height: 10px; 
	border-radius: 5px;
	background-color: $cursor;
}
	
#backlight-slider highlight {
	min-width: 10px; 
	border-radius: 5px;
	background-color: $orange;
}

#custom-swaync {
  min-width: 10px;
  border-right: 1px solid $cursor;
}
#custom-swaync:hover {
  background-color: $green;
}

#custom-updates.pending-updates {
  background-color: dodgerblue;
}

#custom-hoz-separator {
  font-size: 0px;
  border-radius: 0;
  border-bottom: 1px solid $foreground
}


#custom-hoz-separator-dotted {
  padding: 0 3px;
  font-size: 0px;
  border-radius: 0;
  border-bottom: 1px dashed $foreground
}