/* Light Theme */
.tippy-box[data-theme~='zoloLight'],
.tippy-box[data-theme~='zoloLight'] .tippy-content {
    background-color: #fff;
    color: #000;
}

.tippy-box[data-theme~='zoloLight'][data-placement^='top'] > .tippy-arrow::before {
    border-top-color: #fff;
}

.tippy-box[data-theme~='zoloLight'][data-placement^='bottom'] > .tippy-arrow::before {
    border-bottom-color: #fff;
}

.tippy-box[data-theme~='zoloLight'][data-placement^='left'] > .tippy-arrow::before {
    border-left-color: #fff;
}

.tippy-box[data-theme~='zoloLight'][data-placement^='right'] > .tippy-arrow::before {
    border-right-color: #fff;
}

/* Dark Theme */
.tippy-box[data-theme~='zoloDark'],
.tippy-box[data-theme~='zoloDark'] .tippy-content {
    background-color: #000;
    color: #fff;
}

.tippy-box[data-theme~='zoloDark'][data-placement^='top'] > .tippy-arrow::before {
    border-top-color: #000;
}
.tippy-box[data-theme~='zoloDark'][data-placement^='bottom'] > .tippy-arrow::before {
    border-bottom-color: #000;
}
.tippy-box[data-theme~='zoloDark'][data-placement^='left'] > .tippy-arrow::before {
    border-left-color: #000;
}
.tippy-box[data-theme~='zoloDark'][data-placement^='right'] > .tippy-arrow::before {
    border-right-color: #000;
}

/* Gray Theme */
.tippy-box[data-theme~='zoloGray'],
.tippy-box[data-theme~='zoloGray'] .tippy-content {
    background-color: #424557;
    color: #fff;
}

.tippy-box[data-theme~='zoloGray'][data-placement^='top'] > .tippy-arrow::before {
    border-top-color: #424557;
}
.tippy-box[data-theme~='zoloGray'][data-placement^='bottom'] > .tippy-arrow::before {
    border-bottom-color: #424557;
}
.tippy-box[data-theme~='zoloGray'][data-placement^='left'] > .tippy-arrow::before {
    border-left-color: #424557;
}
.tippy-box[data-theme~='zoloGray'][data-placement^='right'] > .tippy-arrow::before {
    border-right-color: #424557;
}

/* Gradient Theme */
.tippy-box[data-theme~='zoloGradient'],
.tippy-box[data-theme~='zoloGradient'] .tippy-content {
    background: linear-gradient(135deg, #082dff 0%, #ff058a 100%);
    color: #fff;
}

.tippy-box[data-theme~='zoloGradient'][data-placement^='top'] > .tippy-arrow::before {
    border-top-color: #ff058a;
}
.tippy-box[data-theme~='zoloGradient'][data-placement^='bottom'] > .tippy-arrow::before {
    border-bottom-color: #ff058a;
}
.tippy-box[data-theme~='zoloGradient'][data-placement^='left'] > .tippy-arrow::before {
    border-left-color: #082dff;
}
.tippy-box[data-theme~='zoloGradient'][data-placement^='right'] > .tippy-arrow::before {
    border-right-color: #ff058a;
}