.threads-tool {
    --xhs-red: #ffffff;
    --xhs-red-soft: rgba(255, 255, 255, .1);
    --xhs-gold: #c7c9d1;
    --xhs-mint: #7f5cff;
}

.threads-tool .xhs-hero {
    background:
        radial-gradient(circle at 14% 0%, rgba(255, 255, 255, .12), transparent 34%),
        radial-gradient(circle at 96% 96%, rgba(127, 92, 255, .17), transparent 40%),
        #111114;
}

.threads-tool .xhs-hero::after {
    border-color: rgba(255, 255, 255, .055);
}

.threads-tool .xhs-eyebrow,
.threads-tool .xhs-flow-card > span {
    color: #c9baff;
}

.threads-tool .xhs-watermark-badge {
    border-color: rgba(127, 92, 255, .42);
    background: rgba(127, 92, 255, .12);
    color: #c9baff;
}

.threads-tool .xhs-primary-button,
.threads-tool .xhs-download-button {
    background: #f5f5f7;
    color: #111114;
}

.threads-tool .xhs-primary-button:hover,
.threads-tool .xhs-download-button:hover {
    background: #d9d3ff;
}

.threads-tool .xhs-post-visual {
    background:
        radial-gradient(circle at 28% 16%, rgba(255, 255, 255, .18), transparent 43%),
        radial-gradient(circle at 78% 85%, rgba(127, 92, 255, .21), transparent 40%),
        #0c0c0f;
}

.threads-tool .xhs-post-type {
    border-color: rgba(127, 92, 255, .34);
    color: #d9d3ff;
}

.threads-tool .xhs-notice.is-fallback {
    border-color: rgba(246, 211, 101, .45);
    background: rgba(246, 211, 101, .08);
    color: #f7dda0;
}

.threads-tool .xhs-status-pill.is-fallback {
    border-color: rgba(246, 211, 101, .45);
    color: #f7dda0;
}

.threads-tool[dir="rtl"] .xhs-flow i {
    transform: scaleX(-1);
}

@media (max-width: 520px) {
    .threads-tool[dir="rtl"] .xhs-flow i {
        transform: rotate(90deg);
    }
}