#snap-flex-legend .bo-temp {
  background: #070707;
}
#snap-flex-legend .bo-temp .multi-panels ul {
	row-gap: 0.5rem;
}
#snap-flex-legend li {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
#snap-flex-legend li:before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 4px;
}
#snap-flex-legend li:first-child:before {
  background: #38d430;
}
#snap-flex-legend li:last-child:before {
  background: #f20c16;
}
@media (min-width: 769px) {
  #snap-flex-legend .bo-temp {
    padding-bottom: 4.25rem;
  }
	#snap-flex-legend li:first-child {
	  justify-content: end;
	}
}
@media (max-width: 768px) {
	#snap-flex-legend .bo-temp .multi-panels ul li:not(.have-role-group) .body-copy {
		margin-top: 0;
	}
	#snap-flex-legend li:before {
		width: 28px;
		height: 28px;
		line-height: 28px;
	}
}
@media (max-width: 576px) {
	#snap-flex-legend li:before {
		width: 20px;
		height: 20px;
		line-height: 20px;
	}
}
 @media screen and (max-width:767px){} @media screen and (-webkit-max-device-pixel-ratio: 1) and (min-width: 1200px), screen and (min-width: 768px) and (max-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1200px){}