@charset "utf-8";

/* TEMA CLARO */
.tema.clear { background-color: rgb(250 250 250); color: rgb(20 20 20);}
.tema.clear a { color: rgb(20 20 20);}
.tema.clear a:link { text-decoration: none; color: rgb(20 20 20);}
.tema.clear a:visited { color: rgb(20 20 20);}
.tema.clear a:active { color: rgb(20 20 20);}
.tema.clear a:hover { color: rgb(0 150 190);}
.tema.clear input { color: rgb(20 20 20);}
.tema.clear select { color: rgb(20 20 20);}
.tema.clear textarea { color: rgb(20 20 20);}
.tema.clear textarea::placeholder { color: rgb(90 90 90 / 90%);}
.tema.clear button { color: rgb(20 20 20);}
.tema.clear input::placeholder { color: rgb(90 90 90 / 90%);}
.tema.clear input[type="submit"] { cursor: pointer;}


/* TEMA ESCURO */
.tema.dark { background-color: rgb(14 23 30); color: rgb(225 225 225);}
.tema.dark a { color: rgb(225 225 225);}
.tema.dark a:link { text-decoration: none; color: rgb(225 225 225);}
.tema.dark a:visited { color: rgb(225 225 225);}
.tema.dark a:active { color: rgb(225 225 225);}
.tema.dark a:hover { color: rgb(0 150 190);}
.tema.dark input { color: rgb(225 225 225);}
.tema.dark select { color: rgb(225 225 225);}
.tema.dark select option { background-color: rgb(14 23 30);}
.tema.dark textarea { color: rgb(225 225 225);}
.tema.dark textarea::placeholder { color: rgb(150 150 150);}
.tema.dark button { color: rgb(225 225 225);}
.tema.dark input::placeholder { color: rgb(150 150 150);}
.tema.dark input[type="submit"] { cursor: pointer;}

/* esquerda */
.tema.tema.clear .esquerda { background-color: rgb(230 230 230);}
.tema.tema.dark .esquerda { background-color: rgb(15 29 39);}

/* bolha */
.tema.tema.clear .bolha { background-color: rgb(255 255 255);}
.tema.tema.dark .bolha { outline: 1px solid rgb(250 250 250 / 17%); background-color: rgb(250 250 250 / 2%);}

/* domo */
.tema.tema.clear .domo { background-color: rgb(255 255 255);}
.tema.tema.dark .domo { background-color: rgb(20 20 20);}

/* campo */
.tema.clear .campo { outline: 1px solid rgb(90 90 90 / 50%);}
.tema.dark .campo { outline: 1px solid rgb(90 90 90 / 90%);}

/* carregando */
.tema.tema.dark .carregando { background-color: rgb(90 90 90 / 50%);}
.tema.tema.clear .carregando { background-color: rgb(250 250 250 / 50%);}