/**
 * Phosphor Iconfont Helper & Normalizer
 * Menyelaraskan iconfont Phosphor (Regular & Bold) dengan Visitors Design System & Tailwind CSS
 */

@import url("./regular/style.css");
@import url("./icon/style.css");

/* Base icon font styling & alignment */
.ph, .ph-bold, [class^="ph-"], [class*=" ph-"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: -0.125em;
    line-height: 1;
    flex-shrink: 0;
    font-style: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Penyesuaian ukuran font otomatis berdasarkan utilitas ukuran Tailwind */
.w-3.h-3, .w-3 { font-size: 12px; }
.w-3\.5.h-3\.5, .w-3\.5 { font-size: 14px; }
.w-4.h-4, .w-4 { font-size: 16px; }
.w-4\.5.h-4\.5, .w-4\.5 { font-size: 18px; }
.w-5.h-5, .w-5 { font-size: 20px; }
.w-6.h-6, .w-6 { font-size: 24px; }
.w-7.h-7, .w-7 { font-size: 28px; }
.w-8.h-8, .w-8 { font-size: 32px; }

/* Animasi putaran halus untuk icon loading / sinkronisasi */
@keyframes ph-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.animate-spin {
    animation: ph-spin 1s linear infinite !important;
    display: inline-flex !important;
}