/* _content/ZetaDashboardFe/Components/Layout/LoginLayout.razor.rz.scp.css */
body[b-gtegk8dgnx],html[b-gtegk8dgnx]{
    overflow:hidden;
}

.page[b-gtegk8dgnx] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

    .top-row[b-gtegk8dgnx]  a:hover, .top-row[b-gtegk8dgnx]  .btn-link:hover {
        text-decoration: underline;
    }

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

@media (max-width: 640.98px) {
    .top-row[b-gtegk8dgnx] {
        justify-content: space-between;
    }

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

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

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

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

    .top-row.auth[b-gtegk8dgnx]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-gtegk8dgnx], article[b-gtegk8dgnx] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-gtegk8dgnx] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-gtegk8dgnx] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/ZetaDashboardFe/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-pu92pyxs0x] {
    position: relative;
    display: flex;
    flex-direction: column;
    width:100vw;
    height:100vh;
    overflow:hidden;
}

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

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

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

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

    .top-row[b-pu92pyxs0x]  a:hover, .top-row[b-pu92pyxs0x]  .btn-link:hover {
        text-decoration: underline;
    }

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

@media (max-width: 640.98px) {
    .top-row[b-pu92pyxs0x] {
        justify-content: space-between;
    }

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

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

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

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

    .top-row.auth[b-pu92pyxs0x]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-pu92pyxs0x], article[b-pu92pyxs0x] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-pu92pyxs0x] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-pu92pyxs0x] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* Cambia esta variable para controlar la altura total del input */
.SearchAutocomplete[b-pu92pyxs0x] {
    --auto-height: 40px; /* 36px | 40px | 48px */
    --auto-padding-y: 6px; /* padding vertical dentro del input */
    --auto-radius: 10px; /* border-radius */
    --auto-outline-width: 1.5px; /* grosor del outline */
}

    /* Contenedor del field */
    .SearchAutocomplete .mud-input-control[b-pu92pyxs0x] {
        min-height: var(--auto-height) !important;
    }

    /* Slot del input (la caja del texto) */
    .SearchAutocomplete .mud-input-root[b-pu92pyxs0x] {
        min-height: var(--auto-height) !important;
        height: var(--auto-height) !important;
        line-height: calc(var(--auto-height) - 2 * var(--auto-padding-y)) !important;
        padding-top: var(--auto-padding-y) !important;
        padding-bottom: var(--auto-padding-y) !important;
        border-radius: var(--auto-radius) !important;
    }

    /* Input real (el <input> nativo) */
    .SearchAutocomplete input.mud-input-slot[b-pu92pyxs0x] {
        height: calc(var(--auto-height) - 2 * var(--auto-padding-y)) !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        box-sizing: content-box !important;
    }

    /* El fieldset del "outlined" (borde) */
    .SearchAutocomplete .mud-input-outlined-border[b-pu92pyxs0x] {
        border-width: var(--auto-outline-width) !important;
        border-radius: var(--auto-radius) !important;
    }

    /* Focus/hover states */
    .SearchAutocomplete .mud-input-root:hover .mud-input-outlined-border[b-pu92pyxs0x] {
        border-color: var(--mud-palette-primary) !important;
    }

    .SearchAutocomplete .mud-input-root.mud-input-focused .mud-input-outlined-border[b-pu92pyxs0x] {
        border-color: var(--mud-palette-primary) !important;
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--mud-palette-primary) 25%, transparent) !important;
    }

    /* Adorno de inicio (icono de la lupa) */
    .SearchAutocomplete .mud-input-adornment-start[b-pu92pyxs0x],
    .SearchAutocomplete .mud-input-adornment.mud-input-adornment-start[b-pu92pyxs0x] {
        height: var(--auto-height) !important;
    }

    .SearchAutocomplete .mud-input-adornment-icon-button .mud-icon-root[b-pu92pyxs0x] {
        width: 20px; /* 18�24px seg�n gusto */
        height: 20px;
    }

    /* Bot�n del adorno: quita padding extra para compactar */
    .SearchAutocomplete .mud-icon-button.mud-input-adornment-icon-button[b-pu92pyxs0x] {
        width: calc(var(--auto-height) - 6px) !important;
        height: calc(var(--auto-height) - 6px) !important;
        padding: 0 !important;
    }

    /* Placeholder m�s tenue (opcional) */
    .SearchAutocomplete input[b-pu92pyxs0x]::placeholder {
        opacity: .7;
    }

/* Fondo personalizado (ya lo usas) y sin �divisores� visibles */
.SearchAutocomplete[b-pu92pyxs0x] {
    background-color: var(--mud-palette-background-gray);
    border-radius: var(--auto-radius);
}

    /* ========== Dropdown / Popover ========== */
    .SearchAutocomplete ~ .mud-popover-cascading-value .mud-list[b-pu92pyxs0x] {
        padding: 4px !important;
    }

    .SearchAutocomplete ~ .mud-popover-cascading-value .mud-list-item[b-pu92pyxs0x] {
        min-height: 36px !important; /* altura de cada opci�n */
    }

    .SearchAutocomplete ~ .mud-popover-cascading-value .mud-paper[b-pu92pyxs0x],
    .SearchAutocomplete ~ .mud-popover-cascading-value .mud-popover[b-pu92pyxs0x] {
        border-radius: 10px !important;
        backdrop-filter: saturate(1.1) blur(2px);
    }

    /* Scroll m�s fino en el dropdown (opcional) */
    .SearchAutocomplete ~ .mud-popover-cascading-value .mud-list[b-pu92pyxs0x] {
        scrollbar-width: thin;
    }
/* _content/ZetaDashboardFe/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-1wjtg2bfkj] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-1wjtg2bfkj] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-1wjtg2bfkj] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-1wjtg2bfkj] {
    font-size: 1.1rem;
}

.bi[b-1wjtg2bfkj] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-1wjtg2bfkj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-1wjtg2bfkj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-1wjtg2bfkj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-1wjtg2bfkj] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-1wjtg2bfkj] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-1wjtg2bfkj] {
        padding-bottom: 1rem;
    }

    .nav-item[b-1wjtg2bfkj]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-1wjtg2bfkj]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-1wjtg2bfkj]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-1wjtg2bfkj] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-1wjtg2bfkj] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-1wjtg2bfkj] {
        display: none;
    }

    .nav-scrollable[b-1wjtg2bfkj] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/ZetaDashboardFe/Components/Pages/Home/Home.razor.rz.scp.css */
.dashboard-header[b-mh7h4diztf] {
    margin-top: 40px;
    color: #fff;
    font-size: 2.7rem;
    font-weight: 900;
    letter-spacing: 2px;
    text-shadow: 0 4px 24px #0005;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.dashboard-grid[b-mh7h4diztf] {
    width:100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 28px;
    margin: 0 auto 40px auto;
    padding: 0 16px;
}
/*@media (max-width: 900px) {
    .project-card {
        max-width: calc(30% - 24px);*/ /* 2 por fila */
    /*}
}

*/

.project-card[b-mh7h4diztf] {
    position: relative;
    border: 1px solid var(--mud-palette-primary);
    border-radius: 12px;
    width: 500px;
    height: 300px;
    overflow: hidden;
}
@media (max-width: 600px) {
    .dashboard-grid[b-mh7h4diztf]{
        gap:12px !important;
        padding: 0px !important;
        
    }
    .project-card[b-mh7h4diztf] {
        width: 46% !important;
        height: 160px;
        /* 1 por fila */
        min-width: 0;
    }
    .project-img[b-mh7h4diztf] {
        filter: brightness(0.4) !important;
    }
    .project-title[b-mh7h4diztf] {
        transform: translateY(0px) !important;
        font-size:20px !important;
    }
    .dashboard-header[b-mh7h4diztf]{
        font-size:30px !important;
    }
}
.target-proyect-redirect[b-mh7h4diztf] {
    width: 100%;
    height: 100%;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.project-img[b-mh7h4diztf] {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    transition: 0.3s ease-in-out;
}
.project-card:hover[b-mh7h4diztf]{
    cursor:pointer;
}
.project-card:hover > .project-img[b-mh7h4diztf] {
    transform: scale(1.1);
    filter:brightness(0.3);
}
.project-title[b-mh7h4diztf] {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 30px;
    color: white;
    transform: translateY(-100%);
    transition: 0.3s ease-in-out;
    padding: 0px;
    word-break: break-word;
}

.project-card:hover > .project-title[b-mh7h4diztf] {
    transform: translateY(0px);
}
/* _content/ZetaDashboardFe/Components/Pages/Login/LoginPage.razor.rz.scp.css */
.login-bg[b-mujtos4j2c] {
    position: relative;
    width: 100vw;
    height: 100vh;
    background: #191930;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.grid-overlay[b-mujtos4j2c] {
    position: absolute;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    z-index: 0;
}

.grid-row[b-mujtos4j2c] {
    display: flex;
    flex: 1;
}

.grid-cell[b-mujtos4j2c] {
    flex: 1;
    background: #282845;
    margin: 2px;
    border-radius: 3px;
    transition: background 0.2s, box-shadow 0.2s;
    box-shadow: 0 0 0px #8880, 0 0 0 #0000;
}

    .grid-cell.active[b-mujtos4j2c] {
        background: #7c3aed;
        box-shadow: 0 0 15px #7c3aed80, 0 0 5px #fff3;
    }

.login-form[b-mujtos4j2c] {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    background: -webkit-linear-gradient(top, #7579ffcc, #240947cc);
    padding: 2.5rem 2rem;
    border-radius: 15px;
    box-shadow: 0 8px 50px #1119;
    width: 550px;
    max-width: 70vw;
    min-height: 400px;
    padding:50px 100px;
}
@media screen and (max-width: 600px) {
    .login-form[b-mujtos4j2c] {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 1;
        transform: translate(-50%, -50%);
        background: -webkit-linear-gradient(top, #7579ffcc, #240947cc);
        padding: 40px 30px !important;
        border-radius: 15px;
        box-shadow: 0 8px 50px #1119;
        width: 550px;
        max-width: 70vw;
        min-height: 400px;
        padding: 10px;
    }
}

    .login-form h2[b-mujtos4j2c] {
        color: #fff;
        margin-bottom: 1.2rem;
        text-align: center;
        font-weight: bold;
    }

.login-input[b-mujtos4j2c] {
    width: 100%;
    margin-bottom: 1.2rem;
    padding: 0.75rem 1rem;
    border: none;
    border-radius: 7px;
    background: #1e1e2f;
    color: #f3f3fa;
    font-size: 1rem;
    outline: none;
    transition: box-shadow 0.2s;
}

    .login-input:focus[b-mujtos4j2c] {
        box-shadow: 0 0 10px #7c3aed80;
    }

.login-btn[b-mujtos4j2c] {
    width: 100%;
    padding: 0.8rem;
    border: none;
    border-radius: 7px;
    background: #7c3aed;
    color: #fff;
    font-size: 1.15rem;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.2s, box-shadow 0.2s;
    box-shadow: 0 0 10px #7c3aed50;
}

    .login-btn:hover[b-mujtos4j2c] {
        background: #5d23e6;
    }

/*form
*/
/* _content/ZetaDashboardFe/Shared/SplashScreen/SplashScreen.razor.rz.scp.css */
*[b-v7m6a84xi2] {
    border: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

#splash_screen[b-v7m6a84xi2] {
    transition: 0.6s ease-in-out;
    transform: scale(1) translateY(0vh);
    opacity: 1;
}

    .splash-hide[b-v7m6a84xi2] {
        transform: scale(1) translateY(100vh) !important;
        pointer-events: none;
    }

.loading_container[b-v7m6a84xi2] {
    background-color: var(--primary9);
    color: var(--primary1);
    display: flex;
    font: 1em/1.5 sans-serif;
    height: 100vh;
    width: 100%;
    position: absolute;
    z-index: 999 !important;
    background-color: #16002b;
    transition: background-color var(--trans-dur), color var(--trans-dur);
}

.microchip[b-v7m6a84xi2] {
    display: block;
    margin: auto;
    width: 20vw;
    height: auto;
}
.loading-text[b-v7m6a84xi2] {
    position: absolute;
    color: var(--primary3);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 2px;
    text-align: center;
    text-shadow: 0 1px 8px rgba(0,0,0,0.15);    
    animation: center-scale-b-v7m6a84xi2 5s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
@media (max-width: 600px) {
    .microchip[b-v7m6a84xi2] {
        
        width: 70vw !important;
        
    }
    .loading-text[b-v7m6a84xi2] {
        
        font-size: 15px !important;
        
    }
}
    .microchip__center[b-v7m6a84xi2], .microchip__dot[b-v7m6a84xi2], .microchip__line[b-v7m6a84xi2], .microchip__lines[b-v7m6a84xi2], .microchip__spark[b-v7m6a84xi2], .microchip__wave[b-v7m6a84xi2] {
        animation-duration: 5s;
        animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
        animation-iteration-count: infinite;
    }

    .microchip__core[b-v7m6a84xi2], .microchip__dot[b-v7m6a84xi2] {
        fill: var(--primary7);
        transition: fill var(--trans-dur);
    }

    .microchip__center[b-v7m6a84xi2], .microchip__wave[b-v7m6a84xi2] {
        transform-origin: 25px 25px;
    }

    .microchip__center[b-v7m6a84xi2] {
        animation-name: center-scale-b-v7m6a84xi2;
    }

    .microchip__dot--1[b-v7m6a84xi2] {
        animation-name: dot-scale1-b-v7m6a84xi2;
        transform-origin: 3px 38px;
    }

    .microchip__dot--2[b-v7m6a84xi2] {
        animation-name: dot-scale2-b-v7m6a84xi2;
        transform-origin: 3px 54px;
    }

    .microchip__dot--3[b-v7m6a84xi2] {
        animation-name: dot-scale3-b-v7m6a84xi2;
        transform-origin: 3px 70px;
    }

    .microchip__dot--4[b-v7m6a84xi2] {
        animation-name: dot-scale4-b-v7m6a84xi2;
        transform-origin: 3px 3px;
    }

    .microchip__dot--5[b-v7m6a84xi2] {
        animation-name: dot-scale5-b-v7m6a84xi2;
        transform-origin: 20px 3px;
    }

    .microchip__dot--6[b-v7m6a84xi2] {
        animation-name: dot-scale6-b-v7m6a84xi2;
        transform-origin: 3px 30px;
    }

    .microchip__dot--7[b-v7m6a84xi2] {
        animation-name: dot-scale7-b-v7m6a84xi2;
        transform-origin: 37px 3px;
    }

    .microchip__dot--8[b-v7m6a84xi2] {
        animation-name: dot-scale8-b-v7m6a84xi2;
        transform-origin: 54px 3px;
    }

    .microchip__dot--9[b-v7m6a84xi2] {
        animation-name: dot-scale9-b-v7m6a84xi2;
        transform-origin: 71px 3px;
    }

    .microchip__line[b-v7m6a84xi2], .microchip__spark[b-v7m6a84xi2], .microchip__wave[b-v7m6a84xi2] {
        transition: stroke var(--trans-dur);
    }

    .microchip__line[b-v7m6a84xi2] {
        stroke: var(--primary7);
    }

    .microchip__line--1[b-v7m6a84xi2] {
        animation-name: line-draw1-b-v7m6a84xi2;
    }

    .microchip__line--2[b-v7m6a84xi2] {
        animation-name: line-draw2-b-v7m6a84xi2;
    }

    .microchip__line--3[b-v7m6a84xi2] {
        animation-name: line-draw3-b-v7m6a84xi2;
    }

    .microchip__line--4[b-v7m6a84xi2] {
        animation-name: line-draw4-b-v7m6a84xi2;
    }

    .microchip__line--5[b-v7m6a84xi2] {
        animation-name: line-draw5-b-v7m6a84xi2;
    }

    .microchip__line--6[b-v7m6a84xi2] {
        animation-name: line-draw6-b-v7m6a84xi2;
    }

    .microchip__line--7[b-v7m6a84xi2] {
        animation-name: line-draw7-b-v7m6a84xi2;
    }

    .microchip__line--8[b-v7m6a84xi2] {
        animation-name: line-draw8-b-v7m6a84xi2;
    }

    .microchip__line--9[b-v7m6a84xi2] {
        animation-name: line-draw9-b-v7m6a84xi2;
    }

    .microchip__lines[b-v7m6a84xi2] {
        animation-name: lines-scale-b-v7m6a84xi2;
        transform-origin: 54px 54px;
    }

    .microchip__spark[b-v7m6a84xi2], .microchip__wave[b-v7m6a84xi2] {
        animation-timing-function: linear;
        stroke: var(--primary3);
    }

    .microchip__spark--1[b-v7m6a84xi2] {
        animation-name: spark1-b-v7m6a84xi2;
    }

    .microchip__spark--2[b-v7m6a84xi2] {
        animation-name: spark2-b-v7m6a84xi2;
    }

    .microchip__spark--3[b-v7m6a84xi2] {
        animation-name: spark3-b-v7m6a84xi2;
    }

    .microchip__spark--4[b-v7m6a84xi2] {
        animation-name: spark4-b-v7m6a84xi2;
    }

    .microchip__spark--5[b-v7m6a84xi2] {
        animation-name: spark5-b-v7m6a84xi2;
    }

    .microchip__spark--6[b-v7m6a84xi2] {
        animation-name: spark6-b-v7m6a84xi2;
    }

    .microchip__spark--7[b-v7m6a84xi2] {
        animation-name: spark7-b-v7m6a84xi2;
    }

    .microchip__spark--8[b-v7m6a84xi2] {
        animation-name: spark8-b-v7m6a84xi2;
    }

    .microchip__spark--9[b-v7m6a84xi2] {
        animation-name: spark9-b-v7m6a84xi2;
    }

    .microchip__wave--1[b-v7m6a84xi2] {
        animation-name: wave-scale1-b-v7m6a84xi2;
    }

    .microchip__wave--2[b-v7m6a84xi2] {
        animation-name: wave-scale2-b-v7m6a84xi2;
    }

    /* Animations */
    @keyframes center-scale-b-v7m6a84xi2 {
        from, to {
            transform: scale(0);
        }

        12.5%, 75% {
            transform: scale(1);
        }
    }

    @keyframes dot-scale1-b-v7m6a84xi2 {
        from, 20%, 81.25%, to {
            transform: scale(0);
        }

        32.5%, 68.75% {
            transform: scale(1);
        }
    }

    @keyframes dot-scale2-b-v7m6a84xi2 {
        from, 10.5%, 87.5%, to {
            transform: scale(0);
        }

        23%, 75% {
            transform: scale(1);
        }
    }

    @keyframes dot-scale3-b-v7m6a84xi2 {
        from, 20%, 81.25%, to {
            transform: scale(0);
        }

        32.5%, 68.75% {
            transform: scale(1);
        }
    }

    @keyframes dot-scale4-b-v7m6a84xi2 {
        from, 20%, 81.25%, to {
            transform: scale(0);
        }

        32.5%, 68.75% {
            transform: scale(1);
        }
    }

    @keyframes dot-scale5-b-v7m6a84xi2 {
        from, 11.5%, 87.5%, to {
            transform: scale(0);
        }

        24%, 75% {
            transform: scale(1);
        }
    }

    @keyframes dot-scale6-b-v7m6a84xi2 {
        from, 14.5%, 85%, to {
            transform: scale(0);
        }

        27%, 72.5% {
            transform: scale(1);
        }
    }

    @keyframes dot-scale7-b-v7m6a84xi2 {
        from, 20%, 81.25%, to {
            transform: scale(0);
        }

        32.5%, 68.75% {
            transform: scale(1);
        }
    }

    @keyframes dot-scale8-b-v7m6a84xi2 {
        from, 11%, 87.5%, to {
            transform: scale(0);
        }

        23.5%, 75% {
            transform: scale(1);
        }
    }

    @keyframes dot-scale9-b-v7m6a84xi2 {
        from, 20%, 81.25%, to {
            transform: scale(0);
        }

        32.5%, 68.75% {
            transform: scale(1);
        }
    }

    @keyframes line-draw1-b-v7m6a84xi2 {
        from, 93.75%, to {
            stroke-dashoffset: 59;
        }

        25%, 68.75% {
            stroke-dashoffset: 17;
        }
    }

    @keyframes line-draw2-b-v7m6a84xi2 {
        from, 93.75%, to {
            stroke-dashoffset: 42;
        }

        25%, 68.75% {
            stroke-dashoffset: 0;
        }
    }

    @keyframes line-draw3-b-v7m6a84xi2 {
        from, 93.75%, to {
            stroke-dashoffset: 59;
        }

        25%, 68.75% {
            stroke-dashoffset: 17;
        }
    }

    @keyframes line-draw4-b-v7m6a84xi2 {
        from, 93.75%, to {
            stroke-dashoffset: 78;
        }

        25%, 68.75% {
            stroke-dashoffset: 18;
        }
    }

    @keyframes line-draw5-b-v7m6a84xi2 {
        from, 93.75%, to {
            stroke-dashoffset: 60;
        }

        25%, 68.75% {
            stroke-dashoffset: 0;
        }
    }

    @keyframes line-draw6-b-v7m6a84xi2 {
        from, 93.75%, to {
            stroke-dashoffset: 91;
        }

        25%, 68.75% {
            stroke-dashoffset: 31;
        }
    }

    @keyframes line-draw7-b-v7m6a84xi2 {
        from, 93.75%, to {
            stroke-dashoffset: 60;
        }

        25%, 68.75% {
            stroke-dashoffset: 17;
        }
    }

    @keyframes line-draw8-b-v7m6a84xi2 {
        from, 93.75%, to {
            stroke-dashoffset: 43;
        }

        25%, 68.75% {
            stroke-dashoffset: 0;
        }
    }

    @keyframes line-draw9-b-v7m6a84xi2 {
        from, 93.75%, to {
            stroke-dashoffset: 60;
        }

        25%, 68.75% {
            stroke-dashoffset: 17;
        }
    }

    @keyframes lines-scale-b-v7m6a84xi2 {
        from {
            opacity: 1;
            transform: scale(0);
        }

        12.5%, 75% {
            opacity: 1;
            transform: scale(1);
        }

        93.75%, to {
            opacity: 0;
            transform: scale(0.5);
        }
    }

    @keyframes spark1-b-v7m6a84xi2 {
        from, 27.5% {
            stroke-dashoffset: 59;
        }

        50%, 52.5% {
            stroke-dashoffset: -25;
        }

        75%, to {
            stroke-dashoffset: -109;
        }
    }

    @keyframes spark2-b-v7m6a84xi2 {
        from, 27.5% {
            stroke-dashoffset: 42;
        }

        50%, 52.5% {
            stroke-dashoffset: -42;
        }

        75%, to {
            stroke-dashoffset: -126;
        }
    }

    @keyframes spark3-b-v7m6a84xi2 {
        from, 27.5% {
            stroke-dashoffset: 59;
        }

        50%, 52.5% {
            stroke-dashoffset: -25;
        }

        75%, to {
            stroke-dashoffset: -109;
        }
    }

    @keyframes spark4-b-v7m6a84xi2 {
        from, 27.5% {
            stroke-dashoffset: 78;
        }

        50%, 52.5% {
            stroke-dashoffset: -42;
        }

        75%, to {
            stroke-dashoffset: -162;
        }
    }

    @keyframes spark5-b-v7m6a84xi2 {
        from, 27.5% {
            stroke-dashoffset: 60;
        }

        50%, 52.5% {
            stroke-dashoffset: -60;
        }

        75%, to {
            stroke-dashoffset: -180;
        }
    }

    @keyframes spark6-b-v7m6a84xi2 {
        from, 27.5% {
            stroke-dashoffset: 91;
        }

        50%, 52.5% {
            stroke-dashoffset: -29;
        }

        75%, to {
            stroke-dashoffset: -149;
        }
    }

    @keyframes spark7-b-v7m6a84xi2 {
        from, 27.5% {
            stroke-dashoffset: 60;
        }

        50%, 52.5% {
            stroke-dashoffset: -26;
        }

        75%, to {
            stroke-dashoffset: -112;
        }
    }

    @keyframes spark8-b-v7m6a84xi2 {
        from, 27.5% {
            stroke-dashoffset: 43;
        }

        50%, 52.5% {
            stroke-dashoffset: -43;
        }

        75%, to {
            stroke-dashoffset: -129;
        }
    }

    @keyframes spark9-b-v7m6a84xi2 {
        from, 27.5% {
            stroke-dashoffset: 60;
        }

        50%, 52.5% {
            stroke-dashoffset: -26;
        }

        75%, to {
            stroke-dashoffset: -112;
        }
    }

    @keyframes wave-scale1-b-v7m6a84xi2 {
        from, 0%, 25%, 50%, 75% {
            stroke-width: 6px;
            transform: scale(1);
        }

        10%, 35%, 60%, 85%, to {
            animation-timing-function: steps(1);
            stroke-width: 0;
            transform: scale(2);
        }
    }

    @keyframes wave-scale2-b-v7m6a84xi2 {
        from, 5%, 30%, 55%, 80% {
            stroke-width: 6px;
            transform: scale(1);
        }

        15%, 40%, 65%, 90%, to {
            animation-timing-function: steps(1);
            stroke-width: 0;
            transform: scale(2);
        }
    }