sonic-qdf {
  color: var(--gray-700);
  border-radius: 2px;
  text-align: left;
  margin-bottom: 25px;
  --sonic-tooltip-label-color: var(--gray-600);
  --sonic-tooltip-label-position: absolute;
  --sonic-tooltip-label-bottom: -40px;
  --sonic-tooltip-label-right: 0;
  --widget-background-color: var(--primary-700);
  --widget-padding: 20px 15px;
} 

/* homepage qdf layout styling */
.home sonic-qdf {
  --sonic-tooltip-label-color: #fff;
  width: 100%;
  position: relative;

  @media (min-width: 900px) {
    position: absolute;
    top: 210px;
  }
}

@media (min-width: 900px) {
  .tpl-state sonic-qdf { 
    top: 0;
  }
}