@tailwind utilities;

[x-cloak] {
    display: none !important;
}

.fast-fuzzy-search-settings[data-state="loading"],
.fast-fuzzy-search-settings[data-state="updating"] {
    pointer-events: none;
    @apply animate-pulse;
}

.fast-fuzzy-search-settings input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}


.fast-fuzzy-search-pro-label {
    position: relative;
}

.fast-fuzzy-search-pro-label::after {
    content: 'Pro';
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background: #f59e0b;
    color: #fff;
    font-size: 0.75rem;
    font-weight: bold;
    padding: 0.25rem 0.5rem;
    border-radius: 9999px;
}