/* _content/Baioes/Mensagens/MsgAdicionarLojaCopia.razor.rz.scp.css */
h6[b-fzwqf0zmto] {
    text-shadow: 2px 2px 5px black;
}

p[b-fzwqf0zmto] {
    text-shadow: 2px 2px 5px orange;
}



.w100[b-fzwqf0zmto] {
    width: 100%;
}

.styled-table[b-fzwqf0zmto] {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 18px;
    text-align: left;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

    .styled-table thead tr[b-fzwqf0zmto] {
        background-color: #009879;
        color: #ffffff;
        text-align: left;
    }

    .styled-table th[b-fzwqf0zmto],
    .styled-table td[b-fzwqf0zmto] {
        padding: 12px 15px;
        font-size: 12px;
    }

    .styled-table tbody tr[b-fzwqf0zmto] {
        border-bottom: 1px solid #dddddd;
    }

        .styled-table tbody tr:nth-of-type(even)[b-fzwqf0zmto] {
            background-color: #f3f3f3;
        }

        .styled-table tbody tr:last-of-type[b-fzwqf0zmto] {
            border-bottom: 2px solid #009879;
        }

        .styled-table tbody tr:hover[b-fzwqf0zmto] {
            background-color: #f1f1f1;
        }

.action-btn[b-fzwqf0zmto] {
    background-color: #009879;
    color: white;
    border: none;
    padding: 5px 5px;
    cursor: pointer;
    border-radius: 5px;
    margin-right: 5px;
    width: 20px; /* Define a largura do botão */
    height: 20px;
}

    .action-btn:hover[b-fzwqf0zmto] {
        background-color: #007f67;
    }



img:hover[b-fzwqf0zmto] {
    /* Start the shake animation and make the animation last for 0.5 seconds */
    animation: shake-b-fzwqf0zmto 0.5s;
    /* When the animation is finished, start again */
    animation-iteration-count: infinite;
}

@keyframes shake-b-fzwqf0zmto {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}

/* Estilo da imagem */
.zoom-image[b-fzwqf0zmto] {
    width: 25px; /* Ajuste o tamanho da imagem conforme necessário */
    height: 25px;
    animation: zoomInOut-b-fzwqf0zmto 20s infinite; /* Define a animação */
}

/* Definição da animação */
@keyframes zoomInOut-b-fzwqf0zmto {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.5); /* Ajuste o nível de zoom */
    }

    100% {
        transform: scale(1);
    }
}
/* _content/Baioes/Mensagens/MsgAdicionarProduto2.razor.rz.scp.css */
h6[b-ci7v62m1zg] {
    text-shadow: 2px 2px 5px black;
}

p[b-ci7v62m1zg] {
    text-shadow: 2px 2px 5px orange;
}



.w100[b-ci7v62m1zg] {
    width: 100%;
}

.styled-table[b-ci7v62m1zg] {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 18px;
    text-align: left;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

    .styled-table thead tr[b-ci7v62m1zg] {
        background-color: #009879;
        color: #ffffff;
        text-align: left;
    }

    .styled-table th[b-ci7v62m1zg],
    .styled-table td[b-ci7v62m1zg] {
        padding: 12px 15px;
        font-size: 12px;
    }

    .styled-table tbody tr[b-ci7v62m1zg] {
        border-bottom: 1px solid #dddddd;
    }

        .styled-table tbody tr:nth-of-type(even)[b-ci7v62m1zg] {
            background-color: #f3f3f3;
        }

        .styled-table tbody tr:last-of-type[b-ci7v62m1zg] {
            border-bottom: 2px solid #009879;
        }

        .styled-table tbody tr:hover[b-ci7v62m1zg] {
            background-color: #f1f1f1;
        }

.action-btn[b-ci7v62m1zg] {
    background-color: #009879;
    color: white;
    border: none;
    padding: 5px 5px;
    cursor: pointer;
    border-radius: 5px;
    margin-right: 5px;
    width: 20px; /* Define a largura do botão */
    height: 20px;
}

    .action-btn:hover[b-ci7v62m1zg] {
        background-color: #007f67;
    }



img:hover[b-ci7v62m1zg] {
    /* Start the shake animation and make the animation last for 0.5 seconds */
    animation: shake-b-ci7v62m1zg 0.5s;
    /* When the animation is finished, start again */
    animation-iteration-count: infinite;
}

@keyframes shake-b-ci7v62m1zg {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}

/* Estilo da imagem */
.zoom-image[b-ci7v62m1zg] {
    width: 25px;
    height: 25px; /* Ajuste o tamanho da imagem conforme necessário */
    animation: zoomInOut-b-ci7v62m1zg 20s infinite; /* Define a animação */
}

/* Definição da animação */
@keyframes zoomInOut-b-ci7v62m1zg {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.5); /* Ajuste o nível de zoom */
    }

    100% {
        transform: scale(1);
    }
}
/* _content/Baioes/Mensagens/MsgAdicionarSeccao.razor.rz.scp.css */
h6[b-dzcrjyfwwm] {
    text-shadow: 2px 2px 5px black;
}

p[b-dzcrjyfwwm] {
    text-shadow: 2px 2px 5px orange;
}



.w100[b-dzcrjyfwwm] {
    width: 100%;
}

.styled-table[b-dzcrjyfwwm] {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 18px;
    text-align: left;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

    .styled-table thead tr[b-dzcrjyfwwm] {
        background-color: #009879;
        color: #ffffff;
        text-align: left;
    }

    .styled-table th[b-dzcrjyfwwm],
    .styled-table td[b-dzcrjyfwwm] {
        padding: 12px 15px;
        font-size: 12px;
    }

    .styled-table tbody tr[b-dzcrjyfwwm] {
        border-bottom: 1px solid #dddddd;
    }

        .styled-table tbody tr:nth-of-type(even)[b-dzcrjyfwwm] {
            background-color: #f3f3f3;
        }

        .styled-table tbody tr:last-of-type[b-dzcrjyfwwm] {
            border-bottom: 2px solid #009879;
        }

        .styled-table tbody tr:hover[b-dzcrjyfwwm] {
            background-color: #f1f1f1;
        }

.action-btn[b-dzcrjyfwwm] {
    background-color: #009879;
    color: white;
    border: none;
    padding: 5px 5px;
    cursor: pointer;
    border-radius: 5px;
    margin-right: 5px;
    width: 20px; /* Define a largura do botão */
    height: 20px;
}

    .action-btn:hover[b-dzcrjyfwwm] {
        background-color: #007f67;
    }



img:hover[b-dzcrjyfwwm] {
    /* Start the shake animation and make the animation last for 0.5 seconds */
    animation: shake-b-dzcrjyfwwm 0.5s;
    /* When the animation is finished, start again */
    animation-iteration-count: infinite;
}

@keyframes shake-b-dzcrjyfwwm {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}

/* Estilo da imagem */
.zoom-image[b-dzcrjyfwwm] {
    width: 25px;
    height:25px;/* Ajuste o tamanho da imagem conforme necessário */
    animation: zoomInOut-b-dzcrjyfwwm 20s infinite; /* Define a animação */
}

/* Definição da animação */
@keyframes zoomInOut-b-dzcrjyfwwm {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5); /* Ajuste o nível de zoom */
    }
    100% {
        transform: scale(1);
    }
}
/* _content/Baioes/Mensagens/MsgRefeicaoDetalhes.razor.rz.scp.css */

h6[b-gradhneler] {
    text-shadow: 2px 2px 5px black;
}
p[b-gradhneler] {
    text-shadow: 2px 2px 5px orange;
}



.w100[b-gradhneler] {
    width: 100%;
}

.styled-table[b-gradhneler] {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 18px;
    text-align: left;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

    .styled-table thead tr[b-gradhneler] {
        background-color: #009879;
        color: #ffffff;
        text-align: left;
    }

    .styled-table th[b-gradhneler],
    .styled-table td[b-gradhneler] {
        padding: 12px 15px;
        font-size: 12px;
    }

    .styled-table tbody tr[b-gradhneler] {
        border-bottom: 1px solid #dddddd;
    }

        .styled-table tbody tr:nth-of-type(even)[b-gradhneler] {
            background-color: #f3f3f3;
        }

        .styled-table tbody tr:last-of-type[b-gradhneler] {
            border-bottom: 2px solid #009879;
        }

        .styled-table tbody tr:hover[b-gradhneler] {
            background-color: #f1f1f1;
        }

.action-btn[b-gradhneler] {
    background-color: #009879;
    color: white;
    border: none;
    padding: 5px 5px;
    cursor: pointer;
    border-radius: 5px;
    margin-right: 5px;
    width: 20px; /* Define a largura do botão */
    height: 20px;
}

    .action-btn:hover[b-gradhneler] {
        background-color: #007f67;
    }



img:hover[b-gradhneler] {
    /* Start the shake animation and make the animation last for 0.5 seconds */
    animation: shake-b-gradhneler 0.5s;
    /* When the animation is finished, start again */
    animation-iteration-count: infinite;
}

@keyframes shake-b-gradhneler {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}
/* _content/Baioes/Pages/Amizades_E_Mensagens/EnviarPedidoAmizade.razor.rz.scp.css */
.flex-row[b-gqsbc7qtxy] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

.flex-container[b-gqsbc7qtxy] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.flex-item[b-gqsbc7qtxy] {
    flex: 1 1 45%; /* Ajuste a largura conforme necessário */
    min-width: 300px; /* Largura mínima para responsividade */
}

.table-responsive[b-gqsbc7qtxy] {
    width: 100%;
    overflow-x: auto;
}

.table[b-gqsbc7qtxy] {
    width: 100%;
    border-collapse: collapse;
}

    .table th[b-gqsbc7qtxy], .table td[b-gqsbc7qtxy] {
        border: 1px solid #ddd;
        padding: 8px;
    }

    .table th[b-gqsbc7qtxy] {
        background-color: #f2f2f2;
        text-align: left;
    }
/* _content/Baioes/Pages/Chat.razor.rz.scp.css */
.my-message[b-2ztetltvos] {
    color: blue;
    text-shadow: 2px 2px 5px cyan;
}

.other-message[b-2ztetltvos] {
    color: black;
    text-shadow: 2px 2px 5px black;
}

.system-message[b-2ztetltvos] {
    color: green;
    text-shadow: 2px 2px 5px green;
}

.group-message[b-2ztetltvos] {
    color: red;
    text-shadow: 2px 2px 5px yellow;
}

.lightgrey-message[b-2ztetltvos] {
    color: lightgrey;
}


.caixamsg2[b-2ztetltvos] {
    background-color: palegoldenrod;
    color: black;
    box-shadow: 2px 2px 5px #4CAF50;
    height: 25px;
    width: 75%;
    border: 1px solid #4CAF50;
}



tr:nth-child(even)[b-2ztetltvos] {
    background-color: #f2f2f2;
}

td[b-2ztetltvos] {

    padding: 5px;
}

.text-shadow[b-2ztetltvos] {
    text-shadow: 2px 2px 5px grey;
    font-size:16px;
    color:black;
    font-weight:bold;
    font-family:'Comic Sans MS';
}


img:hover[b-2ztetltvos] {
    /* Start the shake animation and make the animation last for 0.5 seconds */
    animation: shake-b-2ztetltvos 0.5s;
    /* When the animation is finished, start again */
    animation-iteration-count: infinite;
}

@keyframes shake-b-2ztetltvos {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}
/* _content/Baioes/Pages/Chat2.razor.rz.scp.css */
.my-message[b-uswms9q9jy] {
    color: blue;
    text-shadow: 2px 2px 5px cyan;
}

.other-message[b-uswms9q9jy] {
    color: black;
    text-shadow: 2px 2px 5px black;
}

.system-message[b-uswms9q9jy] {
    color: green;
    text-shadow: 2px 2px 5px green;
}

.caixamsg[b-uswms9q9jy] {
    background-color: palegoldenrod;
    color: black;
    box-shadow: 2px 2px 5px #4CAF50;
    height: 25px;
    width: 75%;
    border: 1px solid #4CAF50;
}


.text-shadow[b-uswms9q9jy] {
    text-shadow: 2px 2px 5px grey;
    font-size: 16px;
    color: black;
    font-weight: bold;
    font-family: 'Comic Sans MS';
}





img:hover[b-uswms9q9jy] {
    /* Start the shake animation and make the animation last for 0.5 seconds */
    animation: shake-b-uswms9q9jy 0.5s;
    /* When the animation is finished, start again */
    animation-iteration-count: infinite;
}

@keyframes shake-b-uswms9q9jy {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}
/* _content/Baioes/Pages/ComporLista2Page.razor.rz.scp.css */
.container[b-9uny3ko6g8] {
    display: flex;
    justify-content: center;
    align-items: center;
    /*height: 100vh;*/
}

.content[b-9uny3ko6g8] {
    display: flex;
    flex-wrap: wrap; /* Adiciona comportamento de quebra de linha para itens */
    gap: 10px; /* Espaçamento entre os elementos */
}

.item[b-9uny3ko6g8] {
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #ccc;
    flex: 1 1 100%; /* Para telas pequenas, os itens ocupam 100% da largura */
    justify-content: center;
}

@media (min-width: 601px) {
    .item[b-9uny3ko6g8] {
        flex: 1; /* Em telas maiores, os itens compartilham o espaço disponível */
    }
}

table[b-9uny3ko6g8] {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
    /* height: 50%; */
}

th[b-9uny3ko6g8] {
    background-color: #b0e0e6; /* Azul Claro */
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
}

td[b-9uny3ko6g8], th[b-9uny3ko6g8] {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
    position: sticky;
    top: 0;
}

tr:nth-child(even)[b-9uny3ko6g8] {
    background-color: #f0f8ff; /* Cinza Claro */
}

tr[b-9uny3ko6g8] {
    background-color: #fffacd; /* Amarelo Pastel */
}

    tr:hover[b-9uny3ko6g8] {
        background-color: #87cefa; /* Azul Claro */
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Ajuste os valores conforme necessário */
        font-weight: bold;
        /* Estilo do <td> com sombra */
        /* Estilo para linhas pares da tabela */
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Ajuste os valores conforme necessário */
        background-color: #f2f2f2; /* Adiciona uma cor de fundo para melhor visualização da sombra */
        padding: 10px; /* Adiciona preenchimento para melhor visualização da sombra */
    }

img:hover[b-9uny3ko6g8] {
    /* Start the shake animation and make the animation last for 0.5 seconds */
    animation: shake-b-9uny3ko6g8 0.5s;
    /* When the animation is finished, start again */
    animation-iteration-count: infinite;
}

@keyframes shake-b-9uny3ko6g8 {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}
/* _content/Baioes/Pages/CriarRefeicoesPage.razor.rz.scp.css */
img:hover[b-aqg3euq3vk] {
    /* Start the shake animation and make the animation last for 0.5 seconds */
    animation: shake-b-aqg3euq3vk 0.5s;
    /* When the animation is finished, start again */
    animation-iteration-count: infinite;
}

@keyframes shake-b-aqg3euq3vk {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}
/* _content/Baioes/Pages/Game.razor.rz.scp.css */

/* _content/Baioes/Pages/Index.razor.rz.scp.css */
.fotobox[b-yr38kpvp4h] {
    border: 2px solid red;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 5px 5px 10px black;
}

.imagembotao:hover[b-yr38kpvp4h] {
    animation: shake-b-yr38kpvp4h 0.5s;
    animation-iteration-count: infinite;
}

@keyframes shake-b-yr38kpvp4h {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}

.particle-text[b-yr38kpvp4h] {
    position: relative;
    font-size: 2em;
    font-weight: bold;
    font-family: 'Bookman Old Style';
    color: darkorange;
    text-shadow: 2px 2px 4px black;
    overflow: hidden;
}

.linkpontos-text[b-yr38kpvp4h] {
    font-size: 14px;
    font-weight: bold;
    text-shadow: 2px 2px 4px black;
}

.d-flex[b-yr38kpvp4h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.left-column[b-yr38kpvp4h], .center-column[b-yr38kpvp4h], .right-column[b-yr38kpvp4h] {
    flex: 1;
    padding: 10px;
}

.left-column[b-yr38kpvp4h] {
    text-align: left;
    text-shadow: 2px 2px 4px black;
    color: #FFFFFF;
    text-shadow: 0 0 10px #FFFFFF, 0 0 20px #FFFFFF, 0 0 30px #FFFFFF, 0 0 40px #FFFFFF, 0 0 50px #FFFFFF, 0 0 60px #FFFFFF, 0 0 70px #FFFFFF;
    font-weight: bold;
}

.center-column[b-yr38kpvp4h] {
    text-align: center;
}

.right-column[b-yr38kpvp4h] {
    text-align: center;
    text-shadow: 2px 2px 4px black;
    color: #FFFFFF;
    text-shadow: 0 0 10px #FFFFFF, 0 0 20px #FFFFFF, 0 0 30px #FFFFFF, 0 0 40px #FFFFFF, 0 0 50px #FFFFFF, 0 0 60px #FFFFFF, 0 0 70px #FFFFFF;
    font-weight: bold;
}

.recipe-image[b-yr38kpvp4h] {
    max-width: 100%;
    height: auto;
}

/* Media queries para responsividade */
@media (max-width: 600px) {
    .item[b-yr38kpvp4h] {
        width: 100%;
        margin-bottom: 10px;
    }

    .left-column[b-yr38kpvp4h], .center-column[b-yr38kpvp4h], .right-column[b-yr38kpvp4h] {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
}

@media (min-width: 601px) {
    .item[b-yr38kpvp4h] {
        flex: 1;
    }

    .left-column[b-yr38kpvp4h], .center-column[b-yr38kpvp4h], .right-column[b-yr38kpvp4h] {
        width: auto;
    }
}
/* _content/Baioes/Pages/KillingTime.razor.rz.scp.css */

/* _content/Baioes/Pages/ListaEmLoja2Page.razor.rz.scp.css */

.container[b-6f1vmb1oxd] {
    display: flex;
    justify-content: center;
    align-items: center;
    /*height: 100vh;*/
}

.content[b-6f1vmb1oxd] {
    display: flex;
    gap: 10px; /* Espaçamento entre os elementos */
}

.item[b-6f1vmb1oxd] {
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #ccc;
}
/* _content/Baioes/Shared/BSNavMenu.razor.rz.scp.css */

/* _content/Baioes/Shared/ComponenteNaoAutorizado.razor.rz.scp.css */
.shake-button:hover[b-0jsny1vmp9] {
    /* Start the shake animation and make the animation last for 0.5 seconds */
    animation: shake-b-0jsny1vmp9 0.5s;
    /* When the animation is finished, start again */
    animation-iteration-count: infinite;
}

@keyframes shake-b-0jsny1vmp9 {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}
/* _content/Baioes/Shared/Conquistas.razor.rz.scp.css */
.shine-container[b-x0lyfo6v4j] {
    position: relative;
    display: flex;
    flex-direction: column; /* Alinha os itens em coluna */
    align-items: center; /* Centraliza os itens horizontalmente */
}

    .shine-container .overlay[b-x0lyfo6v4j] {
        color: black;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 1px; /* Espaçamento entre o texto e as imagens */
    }

    .shine-container .images[b-x0lyfo6v4j] {
        display: flex;
        justify-content: center; /* Centraliza as imagens horizontalmente */
    }

    .shine-container .shine[b-x0lyfo6v4j] {
        position: relative;
        overflow: hidden; /* Garante que os feixes de luz fiquem contidos dentro do componente */
        display: inline-block; /* Garante que a faixa de luz seja aplicada apenas à imagem */
        margin: 0 10px; /* Espaçamento entre as imagens */
    }

        .shine-container .shine img[b-x0lyfo6v4j] {
            display: block;
            width: 100%; /* Define a largura das imagens */
            height: 100%; /* Define a altura das imagens */
            animation: zoom-b-x0lyfo6v4j 4s infinite; /* Adiciona a animação de zoom */
            transform-origin: center center; /* Garante que o zoom seja centralizado */
        }

            .shine-container .shine img[width="80"][b-x0lyfo6v4j] {
                width: 80px;
                height: 80px;
            }

            .shine-container .shine img[width="80"][b-x0lyfo6v4j] {
                width: 80px;
                height: 80px;
            }

            .shine-container .shine img[width="80"][b-x0lyfo6v4j] {
                width: 80px;
                height: 80px;
            }

        .shine-container .shine[b-x0lyfo6v4j]::before {
            content: '';
            position: absolute;
            top: -100%; /* Ajuste a posição inicial para fora da imagem */
            left: -100%; /* Ajuste a posição inicial para fora da imagem */
            width: 200%; /* Ajuste a largura para cobrir toda a imagem */
            height: 350%; /* Ajuste a altura para cobrir toda a imagem */
            background: rgba(255, 255, 255, 0.3); /* Opacidade reduzida */
            transform: rotate(45deg);
            animation: shine-b-x0lyfo6v4j 4s infinite; /* Duração da animação aumentada */
            z-index: 1; /* Garante que a faixa de luz fique acima da imagem */
            pointer-events: none; /* Garante que a faixa de luz não interfira com a interação do usuário */
        }

@keyframes shine-b-x0lyfo6v4j {
    0% {
        top: -100%;
        left: -100%;
        width: 10%; /* Largura inicial da faixa de luz */
    }

    100% {
        top: 100%;
        left: 100%;
        width: 10%; /* Largura final da faixa de luz */
    }
}

@keyframes zoom-b-x0lyfo6v4j {
    0% {
        transform: scale(1); /* Escala inicial */
    }

    50% {
        transform: scale(1.1); /* Escala intermediária */
    }

    100% {
        transform: scale(1); /* Escala final */
    }
}


/* Estilo para o texto com efeito de pulo em onda */
.bouncing-text[b-x0lyfo6v4j] {
    display: inline-block;

    color: black; /* Cor do texto */
}

    .bouncing-text span[b-x0lyfo6v4j] {
        display: inline-block;
        animation: wave-b-x0lyfo6v4j 1s infinite;
    }

        .bouncing-text span:nth-child(1)[b-x0lyfo6v4j] {
            animation-delay: 0s;
        }

        .bouncing-text span:nth-child(2)[b-x0lyfo6v4j] {
            animation-delay: 0.1s;
        }

        .bouncing-text span:nth-child(3)[b-x0lyfo6v4j] {
            animation-delay: 0.2s;
        }

        .bouncing-text span:nth-child(4)[b-x0lyfo6v4j] {
            animation-delay: 0.3s;
        }

        .bouncing-text span:nth-child(5)[b-x0lyfo6v4j] {
            animation-delay: 0.4s;
        }

        .bouncing-text span:nth-child(6)[b-x0lyfo6v4j] {
            animation-delay: 0.5s;
        }

        .bouncing-text span:nth-child(7)[b-x0lyfo6v4j] {
            animation-delay: 0.6s;
        }

        .bouncing-text span:nth-child(8)[b-x0lyfo6v4j] {
            animation-delay: 0.7s;
        }

        .bouncing-text span:nth-child(9)[b-x0lyfo6v4j] {
            animation-delay: 0.8s;
        }

        .bouncing-text span:nth-child(10)[b-x0lyfo6v4j] {
            animation-delay: 0.9s;
        }

        .bouncing-text span:nth-child(11)[b-x0lyfo6v4j] {
            animation-delay: 1s;
        }

        .bouncing-text span:nth-child(12)[b-x0lyfo6v4j] {
            animation-delay: 1.1s;
        }

        .bouncing-text span:nth-child(13)[b-x0lyfo6v4j] {
            animation-delay: 1.2s;
        }

        .bouncing-text span:nth-child(14)[b-x0lyfo6v4j] {
            animation-delay: 1.3s;
        }

        .bouncing-text span:nth-child(15)[b-x0lyfo6v4j] {
            animation-delay: 1.4s;
        }

@keyframes wave-b-x0lyfo6v4j {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}
/* _content/Baioes/Shared/ConquistasReceitas.razor.rz.scp.css */
.text-shadow[b-j6kdj00w7i] {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Ajuste os valores conforme necessário */
    /* font-weight: bold;  Deixa o texto em negrito */
}

/* Estilo do texto dourado e brilhante */
.golden-text[b-j6kdj00w7i] {
    font-weight: bold;
    background: linear-gradient(45deg, #FFD700, #FFA500);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

/* Estilo do texto imitando brasas incandescentes */
.fire-text[b-j6kdj00w7i] {
    font-weight: bold;
    background: linear-gradient(45deg, #000000, #ff0000, #000000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 5px rgba(255, 69, 0, 0.8), 0 0 10px rgba(255, 140, 0, 0.6), 0 0 15px rgba(255, 215, 0, 0.4);
    animation: flicker-b-j6kdj00w7i 1.5s infinite alternate;
}
/* Animação de cintilação */

@keyframes flicker-b-j6kdj00w7i {
    0% {
        text-shadow: 0 0 5px rgba(255, 69, 0, 0.8), 0 0 10px rgba(255, 140, 0, 0.6), 0 0 15px rgba(255, 215, 0, 0.4);
    }

    50% {
        text-shadow: 0 0 10px rgba(255, 69, 0, 1), 0 0 20px rgba(255, 140, 0, 0.8), 0 0 30px rgba(255, 215, 0, 0.6);
    }

    100% {
        text-shadow: 0 0 5px rgba(255, 69, 0, 0.8), 0 0 10px rgba(255, 140, 0, 0.6), 0 0 15px rgba(255, 215, 0, 0.4);
    }
}
/* _content/Baioes/Shared/MainLayout.razor.rz.scp.css */
.page[b-n76kyfk0in] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-n76kyfk0in] {
    flex: 1;
}

.sidebar[b-n76kyfk0in] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-n76kyfk0in] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-n76kyfk0in]  a, .top-row .btn-link[b-n76kyfk0in] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-n76kyfk0in] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-n76kyfk0in] {
        display: none;
    }

    .top-row.auth[b-n76kyfk0in] {
        justify-content: space-between;
    }

    .top-row a[b-n76kyfk0in], .top-row .btn-link[b-n76kyfk0in] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-n76kyfk0in] {
        flex-direction: row;
    }

    .sidebar[b-n76kyfk0in] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-n76kyfk0in] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-n76kyfk0in], article[b-n76kyfk0in] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
img:hover[b-n76kyfk0in] {
    /* Start the shake animation and make the animation last for 0.5 seconds */
    animation: shake-b-n76kyfk0in 0.5s;
    /* When the animation is finished, start again */
    animation-iteration-count: infinite;
}

@keyframes shake-b-n76kyfk0in {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}