/** Shopify CDN: Minification failed

Line 11:33 Unterminated string token

**/
.tip-wrapper{
    display: inline-block;

    --hover-transition-time: .25s;
    --hover-transition-ellipse-time: .15s;
    --main-border-color: #333333'
}

.tip-svg {
    display: block;
}

.tip-svg:hover {
  transition: fill var(--hover-transition-ellipse-time);
  fill: var(--main-border-color);
}

.background-circle-tip-ellipse {
  fill: transparent;
}
.tip-svg:hover .background-circle-tip-ellipse {
  transition: fill var(--hover-transition-ellipse-time);
  fill: var(--main-border-color);
}

.tip-svg:hover .outer-circle-tip-ellipse {
  transition: fill var(--hover-transition-ellipse-time);
  fill: white;
}

.tip-popup {
  transform: scaleY(0);
  transform-origin: top;
  transition: transform var(--hover-transition-time);
  width: fit-content;
  max-width: 100%;
  background-color: #555;
  color: #fff;
  font-size: 15px;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
  padding: 8px;
}
.tip-popup::after {
  content: "";
  position: absolute;
  top: -10px;
  left: 5%;
transform: rotate(180deg);
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tip-popup.show-popup {
    transform: scaleY(1);
}