@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import "../node_modules/tailwindcss/";
@import "../node_modules/tailwindcss/index.css";
@import "../node_modules/flowbite/src/themes/default.css";
@plugin "../node_modules/flowbite/plugin";
@source "../node_modules/flowbite";


@theme {
    --color-mint-500: oklch(0.72 0.11 178);
    --color-minhaCor: red;
    --font-poppins: poppins, 'serif';
}

@layer components {

    .icone-ver-senha {
        content: url(../assets/img/password-hidden.svg);
    }

    .icone-ver-senha.visible {
        content: url(../assets/img/password-visible.svg);
    }

    .icone-senha::after {
        content: url(../../assets/img/outros/password.svg);
        position: absolute;
        top: 10px;
        left: 8px;
    }

    .icone-drop {
        font-size: 32px !important;
        font-weight: bold !important;
    }

    .icone-location {
        font-size: 1.25rem !important;
    }

    .icone-calendario {
        font-size: 1.15rem !important;
    }

    .icone-favorito-like {
        font-size: 1rem !important;
        color: #AF3436;
    }

    .icone-btn-principal
    {
        font-size: 1rem !important;
    }

    .indice-marcador.ativo {
        background-color: rgba(0, 245, 233, 50%) !important;
    }

    .icone-opcoes-comentario,
    .icone-editar {
        font-size: 1.125rem !important;
    }

    * {
        font-family: 'poppins', 'Segoe UI', sans-serif;
    }

}