.E.SapionLiveChartViewerElement {
  background: linear-gradient(to top, #EAEAEB, #F9F9FA 50%, #ffffff);
}
.E.SapionLiveChartViewerElement .Plane {
  transform-origin: 100% 100%;
  background: #F9F9FA;
  box-shadow: 0px 0px 4px 0 #E5E5E5;
}
.E.SapionLiveChartViewerElement .ChannelContainer {
  overflow: visible;
}
.E.SapionLiveChartViewerElement .Division {
  background: linear-gradient(to top, #CACACA, #EAEAEB);
}
.E.SapionLiveChartViewerElement .BottomAxis {
  background: #F9F9FA;
}
.E.SapionLiveChartViewerElement .BottomAxis:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #F9F9FA 30px, transparent 50px), linear-gradient(to left, #F9F9FA 30px, transparent 50px);
}
.E.SapionLiveChartViewerElement .SapionLiveChartViewerMenuElement {
  background-color: rgba(249, 249, 250, 0.7);
  transition: background-color 300ms;
  overflow: visible;
}
@supports (-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px)) {
  .E.SapionLiveChartViewerElement .SapionLiveChartViewerMenuElement {
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(60px);
    backdrop-filter: blur(60px);
  }
}
.E.SapionLiveChartViewerElement .SapionLiveChartViewerMenuElement.Retracted {
  background: transparent;
}
.E.SapionLiveChartViewerElement .SapionLineChartElement, .E.SapionLiveChartViewerElement .SapionBooleanChartElement {
  overflow: visible;
}
.E.SapionLiveChartViewerElement .SapionLineChartElement svg, .E.SapionLiveChartViewerElement .SapionBooleanChartElement svg {
  overflow: visible;
}
.E.SapionLiveChartViewerElement .RightMenu, .E.SapionLiveChartViewerElement .LeftMenu {
  pointer-events: none;
}
.E.SapionLiveChartViewerElement .RightMenu .IconElement, .E.SapionLiveChartViewerElement .LeftMenu .IconElement {
  pointer-events: auto;
}
.E.SapionLiveChartViewerElement .RightMenu .Clickable, .E.SapionLiveChartViewerElement .RightMenu .BGWhite, .E.SapionLiveChartViewerElement .LeftMenu .Clickable, .E.SapionLiveChartViewerElement .LeftMenu .BGWhite {
  transition: background-color 180ms;
  background-color: rgba(255, 255, 255, 0.5);
}
.E.SapionLiveChartViewerElement .RightMenu .Clickable, .E.SapionLiveChartViewerElement .LeftMenu .Clickable {
  cursor: pointer;
}
.E.SapionLiveChartViewerElement .RightMenu .Clickable:hover, .E.SapionLiveChartViewerElement .LeftMenu .Clickable:hover {
  background-color: #ffffff;
}
.E.SapionLiveChartViewerElement .SapionEvent {
  overflow: visible;
}
.E.SapionLiveChartViewerElement .SapionEvent:not(.Group) > .E {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.E.SapionLiveChartViewerElement .SapionEvent.Group .TextElement {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 8px;
}

.SapionMaxLabel {
  overflow: visible;
}
.SapionMaxLabel:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 60px;
  height: 100%;
  height: 1px;
  border-top: 1px solid #CACACA;
}

.SapionMinLabel {
  overflow: visible;
}
.SapionMinLabel:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 60px;
  height: 1px;
  border-bottom: 1px solid #CACACA;
}

.SapionLineLabel span, .SapionLineLabel.IconElement {
  border-radius: 4px;
  padding: 2px 6px 2px 6px;
  background-color: rgba(255, 255, 255, 0.85);
}

.SapionRuler {
  box-shadow: 2px 2px 2px #EAEAEB;
}
.SapionRuler.H {
  background: linear-gradient(to right, transparent, #989898 5%, #989898 95%, transparent);
}
.SapionRuler.V {
  background: linear-gradient(to bottom, transparent, #989898 5%, #989898 95%, transparent);
}