sonic-qdf {
  --button-background-color: var(--secondary-700);
  --button-font-family: Arial;
  --button-font-size: 16.25px;
  --sonic-tooltip-label-color: #000000;
  --sonic-tooltip-label-bottom: -50px;
  --sonic-tooltip-label-position: absolute;
  --sonic-tooltip-label-right: 50;
  --widget-background-color: var(--tertiary-700);
  --widget-padding: 20px 15px;
} 

/* custom classes*/
.sonic-qdf-custom-html {
  margin: 0 15px 50px 15px;
  min-height: 350px;
  overflow: visible;
}
.sonic-qdf-custom-html-horizontal {
  margin: 0 15px 50px 15px;
  min-height: 50px;
  overflow: visible;
}

@media (min-width: 768px) {
  .sonic-qdf-mobile {
    display: none;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}