@tailwind base;
@tailwind components;
@tailwind utilities;

[x-cloak] {
    display: none;
}

.lamp-red {
    animation: lampEffect1 1.5s infinite alternate;
    padding-bottom: 16px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

@keyframes lampEffect1 {
    0% {
        background-color: red;
    }
    50% {
        background-color: rgba(255, 0, 0, 0.5);
    }
    /* Slightly transparent red */
    100% {
        background-color: transparent;
    }
}


.lamp-green {
    padding-bottom: 16px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: green;
}



.lamp-yellow {
    padding-bottom: 16px;
    border-radius: 50%;
    width: 40px;
    background-color: yellow;
    height: 40px;
}


.fi-ta-text-item-label {
    font-size: 0.95rem !important;
}