bran-deb

import { Box, Divider, Drawer, IconButton, Input, InputAdornment, List, ListItem, ListItemIcon, ListItemText, ListSubheader } from "@mui/material"
import { AccountCircleOutlined, AdminPanelSettings, CategoryOutlined, ConfirmationNumberOutlined, EscalatorWarningOutlined, FemaleOutlined, LoginOutlined, MaleOutlined, SearchOutlined, VpnKeyOutlined } from "@mui/icons-material"


export const SideMenu = () => {
  return (
    <Drawer
        open={ false }
        anchor='right'
        sx={{ backdropFilter: 'blur(4px)', transition: 'all 0.5s ease-out' }}

bran-deb

import { createTheme } from '@mui/material';
import { green, grey, purple, red } from '@mui/material/colors';



export const customTheme = createTheme({
    palette: {
      mode: 'light',
      background: {
          default: grey[300]

bran-deb

const checkMongoIDRegExp = new RegExp("^[0-9a-fA-F]{24}$");

bran-deb

# Fuente: https://github.com/vercel/next.js/blob/canary/examples/with-docker/README.md

# Install dependencies only when needed
FROM node:16-alpine AS deps
# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
RUN apk add --no-cache libc6-compat
WORKDIR /app
COPY package.json yarn.lock ./
RUN yarn install --frozen-lockfile

bran-deb

/* Modal */
.ReactModalPortal > div{
    opacity: 0;
}

.ReactModalPortal .ReactModal__Overlay {
    align-items: center;
    display: flex;
    justify-content: center;
    transition: opacity .2s ease-in-out;

bran-deb

:root {
  /* google btn */
  --white: #fff;
  --google-blue: #4285f4;
  --button-active-blue: #1669f2;
}

.google-btn {
    cursor: pointer;
    margin-top: 5px;

bran-deb

body{
    background-color: #222;
}
div{
    background-color: #b1060f;
    height: 250px;
    width: 60px;
    position: relative;
}
div::before{