.tippy-box[data-theme~='custom-theme'] {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #3c63d7;
  font-size: 14px;
  padding: 8px;
  border-radius: 6px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.tippy-box[data-theme~='custom-theme'][data-placement^='top'] .tippy-arrow::before {
  border-width: 8px;
  border-color: #3c63d7 transparent transparent transparent;
  top: 100%;
  left: calc(50% - 8px);
}

.tippy-box[data-theme~='custom-theme'][data-placement^='bottom'] .tippy-arrow::before {
  border-width: 8px;
  border-color: transparent transparent #3c63d7 transparent;
  bottom: 100%;
  left: calc(50% - 8px);
}