@import 'SmartHomes4.Client.y7yeijjdkg.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-j185cmx8um] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.topnav[b-j185cmx8um] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-toggler[b-j185cmx8um] {
    background-color: #05163C;
}

.navbar-dark .navbar-toggler[b-j185cmx8um] {
    color: transparent;
    border-color: transparent;
}

z
.navbar-brand[b-j185cmx8um] {
    font-size: 1.1rem;
    margin-right: 24px;
}

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

    .collapse[b-j185cmx8um] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}

.main[b-j185cmx8um] {
    flex: 1;
}


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

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

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

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

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

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

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

    .sidebar[b-j185cmx8um] {
        width: 250px;
        height: auto;
        position: sticky;
        top: 0;
    }

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

    .main > div[b-j185cmx8um] {
        padding-left: 1rem !important;
        padding-right: 1.5rem !important;
    }
}

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

.nav-item[b-j185cmx8um]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}
/* /Components/Layout/MainLayoutOld.razor.rz.scp.css */
.page[b-gle5eumkh8] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.topnav[b-gle5eumkh8] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-toggler[b-gle5eumkh8] {
    background-color: #05163C;
}

.navbar-dark .navbar-toggler[b-gle5eumkh8] {
    color: transparent;
    border-color: transparent;
}

z
.navbar-brand[b-gle5eumkh8] {
    font-size: 1.1rem;
    margin-right: 24px;
}

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

    .collapse[b-gle5eumkh8] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}

.main[b-gle5eumkh8] {
    flex: 1;
}

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

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

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

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

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

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

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

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

    .sidebar[b-gle5eumkh8] {
        width: 250px;
        height: auto;
        position: sticky;
        top: 0;
    }

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

    .main > div[b-gle5eumkh8] {
        padding-left: 1rem !important;
        padding-right: 1.5rem !important;
    }
}

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

.nav-item[b-gle5eumkh8]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}
/* /Components/Layout/NavMenuOld.razor.rz.scp.css */
.navbar-toggler[b-cl5hu75xd2] {
    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-cl5hu75xd2] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

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

.bi[b-cl5hu75xd2] {
    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-cl5hu75xd2] {
    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-cl5hu75xd2] {
    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-cl5hu75xd2] {
    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");
}

.bi-lock-nav-menu[b-cl5hu75xd2] {
    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 d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-cl5hu75xd2] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-cl5hu75xd2] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-cl5hu75xd2] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-cl5hu75xd2] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

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

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

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

    .nav-item[b-cl5hu75xd2]  .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-cl5hu75xd2]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

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

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

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

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

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

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/NavMenuServer.razor.rz.scp.css */
.navbar-toggler[b-w4h85gurrw] {
    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-w4h85gurrw] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

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

.bi[b-w4h85gurrw] {
    display: inline-block;
    position: relative;
    width: 1.2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
    height: 1.25rem;
    margin-right: 0.75rem;
  
    background-size: cover;
}

.bi-house-door-fill[b-w4h85gurrw] {
    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[b-w4h85gurrw] {
    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[b-w4h85gurrw] {
    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");
}

.bi-lock[b-w4h85gurrw] {
    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 d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person[b-w4h85gurrw] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge[b-w4h85gurrw] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill[b-w4h85gurrw] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left[b-w4h85gurrw] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

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

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

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

    .nav-item[b-w4h85gurrw]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

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

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

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

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

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

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

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-qgl37aor7b],
.components-reconnect-repeated-attempt-visible[b-qgl37aor7b],
.components-reconnect-failed-visible[b-qgl37aor7b],
.components-pause-visible[b-qgl37aor7b],
.components-resume-failed-visible[b-qgl37aor7b],
.components-rejoining-animation[b-qgl37aor7b] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-qgl37aor7b],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-qgl37aor7b],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-qgl37aor7b],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-qgl37aor7b],
#components-reconnect-modal.components-reconnect-retrying[b-qgl37aor7b],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-qgl37aor7b],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-qgl37aor7b],
#components-reconnect-modal.components-reconnect-failed[b-qgl37aor7b],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-qgl37aor7b] {
    display: block;
}


#components-reconnect-modal[b-qgl37aor7b] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-qgl37aor7b 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-qgl37aor7b 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-qgl37aor7b 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-qgl37aor7b]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-qgl37aor7b 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-qgl37aor7b {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-qgl37aor7b {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-qgl37aor7b {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-qgl37aor7b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-qgl37aor7b] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-qgl37aor7b] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-qgl37aor7b] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-qgl37aor7b] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-qgl37aor7b] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-qgl37aor7b] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-qgl37aor7b 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-qgl37aor7b] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-qgl37aor7b {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/DashBoards/SupplyComponent.razor.rz.scp.css */
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */

@keyframes slide-in-one-tap-b-q964th5rxr {
    from {
        transform: translateY(80px);
    }

    to {
        transform: translateY(0px);
    }
}

.trust-hide-gracefully[b-q964th5rxr] {
    opacity: 0;
}

.trust-wallet-one-tap .hidden[b-q964th5rxr] {
    display: none;
}

.trust-wallet-one-tap .semibold[b-q964th5rxr] {
    font-weight: 500;
}

.trust-wallet-one-tap .binance-plex[b-q964th5rxr] {
    font-family: 'Binance';
}

.trust-wallet-one-tap .rounded-full[b-q964th5rxr] {
    border-radius: 50%;
}

.trust-wallet-one-tap .flex[b-q964th5rxr] {
    display: flex;
}

.trust-wallet-one-tap .flex-col[b-q964th5rxr] {
    flex-direction: column;
}

.trust-wallet-one-tap .items-center[b-q964th5rxr] {
    align-items: center;
}

.trust-wallet-one-tap .space-between[b-q964th5rxr] {
    justify-content: space-between;
}

.trust-wallet-one-tap .justify-center[b-q964th5rxr] {
    justify-content: center;
}

.trust-wallet-one-tap .w-full[b-q964th5rxr] {
    width: 100%;
}

.trust-wallet-one-tap .box[b-q964th5rxr] {
    transition: all 0.5s cubic-bezier(0, 0, 0, 1.43);
    animation: slide-in-one-tap-b-q964th5rxr 0.5s cubic-bezier(0, 0, 0, 1.43);
    width: 384px;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 1020;
}

.trust-wallet-one-tap .header[b-q964th5rxr] {
    gap: 15px;
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 18px;
}

    .trust-wallet-one-tap .header .left-items[b-q964th5rxr] {
        gap: 15px;
    }

    .trust-wallet-one-tap .header .title[b-q964th5rxr] {
        color: #1e2329;
        font-size: 18px;
        font-weight: 600;
        line-height: 28px;
    }

    .trust-wallet-one-tap .header .subtitle[b-q964th5rxr] {
        color: #474d57;
        font-size: 14px;
        line-height: 20px;
    }

    .trust-wallet-one-tap .header .close[b-q964th5rxr] {
        color: #1e2329;
        cursor: pointer;
    }

.trust-wallet-one-tap .body[b-q964th5rxr] {
    padding: 9px 18px;
    gap: 10px;
}

    .trust-wallet-one-tap .body .right-items[b-q964th5rxr] {
        gap: 10px;
        width: 100%;
    }

        .trust-wallet-one-tap .body .right-items .wallet-title[b-q964th5rxr] {
            color: #1e2329;
            font-size: 16px;
            font-weight: 600;
            line-height: 20px;
        }

        .trust-wallet-one-tap .body .right-items .wallet-subtitle[b-q964th5rxr] {
            color: #474d57;
            font-size: 14px;
            line-height: 20px;
        }

.trust-wallet-one-tap .connect-indicator[b-q964th5rxr] {
    gap: 15px;
    padding: 8px 0;
}

    .trust-wallet-one-tap .connect-indicator .flow-icon[b-q964th5rxr] {
        color: #474d57;
    }

.trust-wallet-one-tap .loading-color[b-q964th5rxr] {
    color: #fff;
}

.trust-wallet-one-tap .button[b-q964th5rxr] {
    border-radius: 50px;
    outline: 2px solid transparent;
    outline-offset: 2px;
    background-color: rgb(5, 0, 255);
    border-color: rgb(229, 231, 235);
    cursor: pointer;
    text-align: center;
    height: 45px;
}

    .trust-wallet-one-tap .button .button-text[b-q964th5rxr] {
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
    }

.trust-wallet-one-tap .footer[b-q964th5rxr] {
    margin: 20px 30px;
}

.trust-wallet-one-tap .check-icon[b-q964th5rxr] {
    color: #fff;
}

@font-face {
    font-family: 'Binance';
    src: url(chrome-extension://egjidjbpglichdcondbcbdnbeeppgdph/fonts/BinancePlex-Regular.otf) format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Binance';
    src: url(chrome-extension://egjidjbpglichdcondbcbdnbeeppgdph/fonts/BinancePlex-Medium.otf) format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Binance';
    src: url(chrome-extension://egjidjbpglichdcondbcbdnbeeppgdph/fonts/BinancePlex-SemiBold.otf) format('opentype');
    font-weight: 600;
    font-style: normal;
}

@layer properties;
@layer theme, base, components, utilities;

@layer theme {
    :root[b-q964th5rxr], :host[b-q964th5rxr] {
        --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
        --color-amber-50: oklch(98.7% 0.022 95.277);
        --color-amber-100: oklch(96.2% 0.059 95.617);
        --color-amber-200: oklch(92.4% 0.12 95.746);
        --color-amber-400: oklch(82.8% 0.189 84.429);
        --color-amber-500: oklch(76.9% 0.188 70.08);
        --color-amber-600: oklch(66.6% 0.179 58.318);
        --color-amber-700: oklch(55.5% 0.163 48.998);
        --color-amber-800: oklch(47.3% 0.137 46.201);
        --color-green-100: oklch(96.2% 0.044 156.743);
        --color-green-600: oklch(62.7% 0.194 149.214);
        --color-emerald-50: oklch(97.9% 0.021 166.113);
        --color-emerald-100: oklch(95% 0.052 163.051);
        --color-emerald-200: oklch(90.5% 0.093 164.15);
        --color-emerald-300: oklch(84.5% 0.143 164.978);
        --color-emerald-400: oklch(76.5% 0.177 163.223);
        --color-emerald-500: oklch(69.6% 0.17 162.48);
        --color-emerald-600: oklch(59.6% 0.145 163.225);
        --color-emerald-700: oklch(50.8% 0.118 165.612);
        --color-emerald-800: oklch(43.2% 0.095 166.913);
        --color-teal-800: oklch(43.7% 0.078 188.216);
        --color-cyan-100: oklch(95.6% 0.045 203.388);
        --color-cyan-200: oklch(91.7% 0.08 205.041);
        --color-cyan-800: oklch(45% 0.085 224.283);
        --color-blue-50: oklch(97% 0.014 254.604);
        --color-blue-100: oklch(93.2% 0.032 255.585);
        --color-blue-200: oklch(88.2% 0.059 254.128);
        --color-blue-300: oklch(80.9% 0.105 251.813);
        --color-blue-500: oklch(62.3% 0.214 259.815);
        --color-blue-600: oklch(54.6% 0.245 262.881);
        --color-blue-700: oklch(48.8% 0.243 264.376);
        --color-blue-800: oklch(42.4% 0.199 265.638);
        --color-blue-900: oklch(37.9% 0.146 265.522);
        --color-purple-100: oklch(94.6% 0.033 307.174);
        --color-purple-200: oklch(90.2% 0.063 306.703);
        --color-purple-800: oklch(43.8% 0.218 303.724);
        --color-rose-50: oklch(96.9% 0.015 12.422);
        --color-rose-100: oklch(94.1% 0.03 12.58);
        --color-rose-200: oklch(89.2% 0.058 10.001);
        --color-rose-500: oklch(64.5% 0.246 16.439);
        --color-rose-600: oklch(58.6% 0.253 17.585);
        --color-rose-700: oklch(51.4% 0.222 16.935);
        --color-rose-800: oklch(45.5% 0.188 13.697);
        --color-slate-50: oklch(98.4% 0.003 247.858);
        --color-slate-100: oklch(96.8% 0.007 247.896);
        --color-slate-200: oklch(92.9% 0.013 255.508);
        --color-slate-300: oklch(86.9% 0.022 252.894);
        --color-slate-400: oklch(70.4% 0.04 256.788);
        --color-slate-500: oklch(55.4% 0.046 257.417);
        --color-slate-600: oklch(44.6% 0.043 257.281);
        --color-slate-700: oklch(37.2% 0.044 257.287);
        --color-slate-800: oklch(27.9% 0.041 260.031);
        --color-slate-900: oklch(20.8% 0.042 265.755);
        --color-black: #000;
        --color-white: #fff;
        --spacing: 0.25rem;
        --container-6xl: 72rem;
        --text-xs: 0.75rem;
        --text-xs--line-height: calc(1 / 0.75);
        --text-sm: 0.875rem;
        --text-sm--line-height: calc(1.25 / 0.875);
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75 / 1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75 / 1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2 / 1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: calc(2.25 / 1.875);
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5 / 2.25);
        --text-6xl: 3.75rem;
        --text-6xl--line-height: 1;
        --font-weight-bold: 700;
        --font-weight-black: 900;
        --tracking-tighter: -0.05em;
        --tracking-tight: -0.025em;
        --tracking-wider: 0.05em;
        --tracking-widest: 0.1em;
        --leading-tight: 1.25;
        --leading-relaxed: 1.625;
        --radius-lg: 0.5rem;
        --radius-xl: 0.75rem;
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --ease-out: cubic-bezier(0, 0, 0.2, 1);
        --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
        --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        --default-transition-duration: 150ms;
        --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
    }
}

@layer base {
    *[b-q964th5rxr], [b-q964th5rxr]::after, [b-q964th5rxr]::before, [b-q964th5rxr]::backdrop, [b-q964th5rxr]::file-selector-button {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        border: 0 solid;
    }

    html[b-q964th5rxr], :host[b-q964th5rxr] {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
        font-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-font-variation-settings, normal);
        -webkit-tap-highlight-color: transparent;
    }

    hr[b-q964th5rxr] {
        height: 0;
        color: inherit;
        border-top-width: 1px;
    }

    abbr:where([title])[b-q964th5rxr] {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted;
    }

    h1[b-q964th5rxr], h2[b-q964th5rxr], h3[b-q964th5rxr], h4[b-q964th5rxr], h5[b-q964th5rxr], h6[b-q964th5rxr] {
        font-size: inherit;
        font-weight: inherit;
    }

    a[b-q964th5rxr] {
        color: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit;
    }

    b[b-q964th5rxr], strong[b-q964th5rxr] {
        font-weight: bolder;
    }

    code[b-q964th5rxr], kbd[b-q964th5rxr], samp[b-q964th5rxr], pre[b-q964th5rxr] {
        font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
        font-feature-settings: var(--default-mono-font-feature-settings, normal);
        font-variation-settings: var(--default-mono-font-variation-settings, normal);
        font-size: 1em;
    }

    small[b-q964th5rxr] {
        font-size: 80%;
    }

    sub[b-q964th5rxr], sup[b-q964th5rxr] {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }

    sub[b-q964th5rxr] {
        bottom: -0.25em;
    }

    sup[b-q964th5rxr] {
        top: -0.5em;
    }

    table[b-q964th5rxr] {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse;
    }

    :-moz-focusring[b-q964th5rxr] {
        outline: auto;
    }

    progress[b-q964th5rxr] {
        vertical-align: baseline;
    }

    summary[b-q964th5rxr] {
        display: list-item;
    }

    ol[b-q964th5rxr], ul[b-q964th5rxr], menu[b-q964th5rxr] {
        list-style: none;
    }

    img[b-q964th5rxr], svg[b-q964th5rxr], video[b-q964th5rxr], canvas[b-q964th5rxr], audio[b-q964th5rxr], iframe[b-q964th5rxr], embed[b-q964th5rxr], object[b-q964th5rxr] {
        display: block;
        vertical-align: middle;
    }

    img[b-q964th5rxr], video[b-q964th5rxr] {
        max-width: 100%;
        height: auto;
    }

    button[b-q964th5rxr], input[b-q964th5rxr], select[b-q964th5rxr], optgroup[b-q964th5rxr], textarea[b-q964th5rxr], [b-q964th5rxr]::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        border-radius: 0;
        background-color: transparent;
        opacity: 1;
    }

    :where(select:is([multiple], [size])) optgroup[b-q964th5rxr] {
        font-weight: bolder;
    }

        :where(select:is([multiple], [size])) optgroup option[b-q964th5rxr] {
            padding-inline-start: 20px;
        }

    [b-q964th5rxr]::file-selector-button {
        margin-inline-end: 4px;
    }

    [b-q964th5rxr]::placeholder {
        opacity: 1;
    }

    @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
        [b-q964th5rxr]::placeholder {
            color: currentcolor;

            @supports (color: color-mix(in lab, red, red)) {
                color: color-mix(in oklab, currentcolor 50%, transparent);
            }
        }
    }

    textarea[b-q964th5rxr] {
        resize: vertical;
    }

    [b-q964th5rxr]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

    [b-q964th5rxr]::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit;
    }

    [b-q964th5rxr]::-webkit-datetime-edit {
        display: inline-flex;
    }

    [b-q964th5rxr]::-webkit-datetime-edit-fields-wrapper {
        padding: 0;
    }

    [b-q964th5rxr]::-webkit-datetime-edit, [b-q964th5rxr]::-webkit-datetime-edit-year-field, [b-q964th5rxr]::-webkit-datetime-edit-month-field, [b-q964th5rxr]::-webkit-datetime-edit-day-field, [b-q964th5rxr]::-webkit-datetime-edit-hour-field, [b-q964th5rxr]::-webkit-datetime-edit-minute-field, [b-q964th5rxr]::-webkit-datetime-edit-second-field, [b-q964th5rxr]::-webkit-datetime-edit-millisecond-field, [b-q964th5rxr]::-webkit-datetime-edit-meridiem-field {
        padding-block: 0;
    }

    [b-q964th5rxr]::-webkit-calendar-picker-indicator {
        line-height: 1;
    }

    :-moz-ui-invalid[b-q964th5rxr] {
        box-shadow: none;
    }

    button[b-q964th5rxr], input:where([type='button'], [type='reset'], [type='submit'])[b-q964th5rxr], [b-q964th5rxr]::file-selector-button {
        appearance: button;
    }

    [b-q964th5rxr]::-webkit-inner-spin-button, [b-q964th5rxr]::-webkit-outer-spin-button {
        height: auto;
    }

    [hidden]:where(:not([hidden='until-found']))[b-q964th5rxr] {
        display: none !important;
    }
}

@layer utilities {
    .pointer-events-none[b-q964th5rxr] {
        pointer-events: none;
    }

    .absolute[b-q964th5rxr] {
        position: absolute;
    }

    .relative[b-q964th5rxr] {
        position: relative;
    }

    .sticky[b-q964th5rxr] {
        position: sticky;
    }

    .top-0[b-q964th5rxr] {
        top: calc(var(--spacing) * 0);
    }

    .top-1\/2[b-q964th5rxr] {
        top: calc(1/2 * 100%);
    }

    .right-0[b-q964th5rxr] {
        right: calc(var(--spacing) * 0);
    }

    .-bottom-6[b-q964th5rxr] {
        bottom: calc(var(--spacing) * -6);
    }

    .-left-6[b-q964th5rxr] {
        left: calc(var(--spacing) * -6);
    }

    .left-0[b-q964th5rxr] {
        left: calc(var(--spacing) * 0);
    }

    .left-4[b-q964th5rxr] {
        left: calc(var(--spacing) * 4);
    }

    .z-10[b-q964th5rxr] {
        z-index: 10;
    }

    .z-40[b-q964th5rxr] {
        z-index: 40;
    }

    .mx-auto[b-q964th5rxr] {
        margin-inline: auto;
    }

    .mt-0\.5[b-q964th5rxr] {
        margin-top: calc(var(--spacing) * 0.5);
    }

    .mt-1[b-q964th5rxr] {
        margin-top: calc(var(--spacing) * 1);
    }

    .mt-2[b-q964th5rxr] {
        margin-top: calc(var(--spacing) * 2);
    }

    .mt-4[b-q964th5rxr] {
        margin-top: calc(var(--spacing) * 4);
    }

    .mt-6[b-q964th5rxr] {
        margin-top: calc(var(--spacing) * 6);
    }

    .mt-8[b-q964th5rxr] {
        margin-top: calc(var(--spacing) * 8);
    }

    .mt-10[b-q964th5rxr] {
        margin-top: calc(var(--spacing) * 10);
    }

    .mt-12[b-q964th5rxr] {
        margin-top: calc(var(--spacing) * 12);
    }

    .mt-16[b-q964th5rxr] {
        margin-top: calc(var(--spacing) * 16);
    }

    .mt-20[b-q964th5rxr] {
        margin-top: calc(var(--spacing) * 20);
    }

    .mt-24[b-q964th5rxr] {
        margin-top: calc(var(--spacing) * 24);
    }

    .mt-32[b-q964th5rxr] {
        margin-top: calc(var(--spacing) * 32);
    }

    .mr-1[b-q964th5rxr] {
        margin-right: calc(var(--spacing) * 1);
    }

    .mr-2[b-q964th5rxr] {
        margin-right: calc(var(--spacing) * 2);
    }

    .mb-0\.5[b-q964th5rxr] {
        margin-bottom: calc(var(--spacing) * 0.5);
    }

    .mb-1[b-q964th5rxr] {
        margin-bottom: calc(var(--spacing) * 1);
    }

    .mb-1\.5[b-q964th5rxr] {
        margin-bottom: calc(var(--spacing) * 1.5);
    }

    .mb-2[b-q964th5rxr] {
        margin-bottom: calc(var(--spacing) * 2);
    }

    .mb-3[b-q964th5rxr] {
        margin-bottom: calc(var(--spacing) * 3);
    }

    .mb-4[b-q964th5rxr] {
        margin-bottom: calc(var(--spacing) * 4);
    }

    .mb-6[b-q964th5rxr] {
        margin-bottom: calc(var(--spacing) * 6);
    }

    .mb-8[b-q964th5rxr] {
        margin-bottom: calc(var(--spacing) * 8);
    }

    .mb-10[b-q964th5rxr] {
        margin-bottom: calc(var(--spacing) * 10);
    }

    .mb-12[b-q964th5rxr] {
        margin-bottom: calc(var(--spacing) * 12);
    }

    .mb-20[b-q964th5rxr] {
        margin-bottom: calc(var(--spacing) * 20);
    }

    .block[b-q964th5rxr] {
        display: block;
    }

    .flex[b-q964th5rxr] {
        display: flex;
    }

    .grid[b-q964th5rxr] {
        display: grid;
    }

    .inline-block[b-q964th5rxr] {
        display: inline-block;
    }

    .inline-flex[b-q964th5rxr] {
        display: inline-flex;
    }

    .h-1[b-q964th5rxr] {
        height: calc(var(--spacing) * 1);
    }

    .h-1\.5[b-q964th5rxr] {
        height: calc(var(--spacing) * 1.5);
    }

    .h-2[b-q964th5rxr] {
        height: calc(var(--spacing) * 2);
    }

    .h-2\.5[b-q964th5rxr] {
        height: calc(var(--spacing) * 2.5);
    }

    .h-3[b-q964th5rxr] {
        height: calc(var(--spacing) * 3);
    }

    .h-4[b-q964th5rxr] {
        height: calc(var(--spacing) * 4);
    }

    .h-6[b-q964th5rxr] {
        height: calc(var(--spacing) * 6);
    }

    .h-8[b-q964th5rxr] {
        height: calc(var(--spacing) * 8);
    }

    .h-10[b-q964th5rxr] {
        height: calc(var(--spacing) * 10);
    }

    .h-12[b-q964th5rxr] {
        height: calc(var(--spacing) * 12);
    }

    .h-16[b-q964th5rxr] {
        height: calc(var(--spacing) * 16);
    }

    .h-full[b-q964th5rxr] {
        height: 100%;
    }

    .min-h-screen[b-q964th5rxr] {
        min-height: 100vh;
    }

    .w-1[b-q964th5rxr] {
        width: calc(var(--spacing) * 1);
    }

    .w-1\.5[b-q964th5rxr] {
        width: calc(var(--spacing) * 1.5);
    }

    .w-2[b-q964th5rxr] {
        width: calc(var(--spacing) * 2);
    }

    .w-2\.5[b-q964th5rxr] {
        width: calc(var(--spacing) * 2.5);
    }

    .w-10[b-q964th5rxr] {
        width: calc(var(--spacing) * 10);
    }

    .w-12[b-q964th5rxr] {
        width: calc(var(--spacing) * 12);
    }

    .w-16[b-q964th5rxr] {
        width: calc(var(--spacing) * 16);
    }

    .w-24[b-q964th5rxr] {
        width: calc(var(--spacing) * 24);
    }

    .w-fit[b-q964th5rxr] {
        width: fit-content;
    }

    .w-full[b-q964th5rxr] {
        width: 100%;
    }

    .w-px[b-q964th5rxr] {
        width: 1px;
    }

    .max-w-6xl[b-q964th5rxr] {
        max-width: var(--container-6xl);
    }

    .max-w-\[200px\][b-q964th5rxr] {
        max-width: 200px;
    }

    .max-w-\[1600px\][b-q964th5rxr] {
        max-width: 1600px;
    }

    .min-w-\[140px\][b-q964th5rxr] {
        min-width: 140px;
    }

    .min-w-fit[b-q964th5rxr] {
        min-width: fit-content;
    }

    .flex-grow[b-q964th5rxr] {
        flex-grow: 1;
    }

    .border-collapse[b-q964th5rxr] {
        border-collapse: collapse;
    }

    .-translate-y-1\/2[b-q964th5rxr] {
        --tw-translate-y: calc(calc(1/2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .animate-ping[b-q964th5rxr] {
        animation: var(--animate-ping);
    }

    .animate-pulse[b-q964th5rxr] {
        animation: var(--animate-pulse);
    }

    .grid-cols-1[b-q964th5rxr] {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .grid-cols-2[b-q964th5rxr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .flex-col[b-q964th5rxr] {
        flex-direction: column;
    }

    .flex-wrap[b-q964th5rxr] {
        flex-wrap: wrap;
    }

    .items-baseline[b-q964th5rxr] {
        align-items: baseline;
    }

    .items-center[b-q964th5rxr] {
        align-items: center;
    }

    .items-end[b-q964th5rxr] {
        align-items: flex-end;
    }

    .items-start[b-q964th5rxr] {
        align-items: flex-start;
    }

    .justify-around[b-q964th5rxr] {
        justify-content: space-around;
    }

    .justify-between[b-q964th5rxr] {
        justify-content: space-between;
    }

    .justify-center[b-q964th5rxr] {
        justify-content: center;
    }

    .justify-end[b-q964th5rxr] {
        justify-content: flex-end;
    }

    .gap-0\.5[b-q964th5rxr] {
        gap: calc(var(--spacing) * 0.5);
    }

    .gap-1[b-q964th5rxr] {
        gap: calc(var(--spacing) * 1);
    }

    .gap-1\.5[b-q964th5rxr] {
        gap: calc(var(--spacing) * 1.5);
    }

    .gap-2[b-q964th5rxr] {
        gap: calc(var(--spacing) * 2);
    }

    .gap-3[b-q964th5rxr] {
        gap: calc(var(--spacing) * 3);
    }

    .gap-4[b-q964th5rxr] {
        gap: calc(var(--spacing) * 4);
    }

    .gap-6[b-q964th5rxr] {
        gap: calc(var(--spacing) * 6);
    }

    .gap-8[b-q964th5rxr] {
        gap: calc(var(--spacing) * 8);
    }

    .gap-12[b-q964th5rxr] {
        gap: calc(var(--spacing) * 12);
    }

    .space-y-1\.5[b-q964th5rxr] {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .space-y-2[b-q964th5rxr] {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .space-y-3[b-q964th5rxr] {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .space-y-4[b-q964th5rxr] {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .space-y-6[b-q964th5rxr] {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .space-y-8[b-q964th5rxr] {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .divide-y[b-q964th5rxr] {
        :where(& > :not(:last-child)) {
            --tw-divide-y-reverse: 0;
            border-bottom-style: var(--tw-border-style);
            border-top-style: var(--tw-border-style);
            border-top-width: calc(1px * var(--tw-divide-y-reverse));
            border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
        }
    }

    .divide-slate-50[b-q964th5rxr] {
        :where(& > :not(:last-child)) {
            border-color: var(--color-slate-50);
        }
    }

    .truncate[b-q964th5rxr] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .overflow-hidden[b-q964th5rxr] {
        overflow: hidden;
    }

    .overflow-x-auto[b-q964th5rxr] {
        overflow-x: auto;
    }

    .rounded[b-q964th5rxr] {
        border-radius: 0.25rem;
    }

    .rounded-2xl[b-q964th5rxr] {
        border-radius: var(--radius-2xl);
    }

    .rounded-3xl[b-q964th5rxr] {
        border-radius: var(--radius-3xl);
    }

    .rounded-\[32px\][b-q964th5rxr] {
        border-radius: 32px;
    }

    .rounded-\[40px\][b-q964th5rxr] {
        border-radius: 40px;
    }

    .rounded-full[b-q964th5rxr] {
        border-radius: calc(infinity * 1px);
    }

    .rounded-lg[b-q964th5rxr] {
        border-radius: var(--radius-lg);
    }

    .rounded-xl[b-q964th5rxr] {
        border-radius: var(--radius-xl);
    }

    .border[b-q964th5rxr] {
        border-style: var(--tw-border-style);
        border-width: 1px;
    }

    .border-2[b-q964th5rxr] {
        border-style: var(--tw-border-style);
        border-width: 2px;
    }

    .border-t[b-q964th5rxr] {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
    }

    .border-t-2[b-q964th5rxr] {
        border-top-style: var(--tw-border-style);
        border-top-width: 2px;
    }

    .border-r-4[b-q964th5rxr] {
        border-right-style: var(--tw-border-style);
        border-right-width: 4px;
    }

    .border-r-8[b-q964th5rxr] {
        border-right-style: var(--tw-border-style);
        border-right-width: 8px;
    }

    .border-b[b-q964th5rxr] {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
    }

    .border-dashed[b-q964th5rxr] {
        --tw-border-style: dashed;
        border-style: dashed;
    }

    .border-\[\#1e293b\][b-q964th5rxr] {
        border-color: #1e293b;
    }

    .border-amber-200[b-q964th5rxr] {
        border-color: var(--color-amber-200);
    }

    .border-black\/10[b-q964th5rxr] {
        border-color: color-mix(in srgb, #000 10%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
        }
    }

    .border-blue-100[b-q964th5rxr] {
        border-color: var(--color-blue-100);
    }

    .border-blue-200[b-q964th5rxr] {
        border-color: var(--color-blue-200);
    }

    .border-blue-500\/20[b-q964th5rxr] {
        border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
        }
    }

    .border-cyan-200[b-q964th5rxr] {
        border-color: var(--color-cyan-200);
    }

    .border-emerald-100[b-q964th5rxr] {
        border-color: var(--color-emerald-100);
    }

    .border-emerald-200[b-q964th5rxr] {
        border-color: var(--color-emerald-200);
    }

    .border-emerald-600[b-q964th5rxr] {
        border-color: var(--color-emerald-600);
    }

    .border-purple-200[b-q964th5rxr] {
        border-color: var(--color-purple-200);
    }

    .border-rose-100[b-q964th5rxr] {
        border-color: var(--color-rose-100);
    }

    .border-rose-200[b-q964th5rxr] {
        border-color: var(--color-rose-200);
    }

    .border-rose-500[b-q964th5rxr] {
        border-color: var(--color-rose-500);
    }

    .border-slate-50[b-q964th5rxr] {
        border-color: var(--color-slate-50);
    }

    .border-slate-100[b-q964th5rxr] {
        border-color: var(--color-slate-100);
    }

    .border-slate-200[b-q964th5rxr] {
        border-color: var(--color-slate-200);
    }

    .border-slate-200\/50[b-q964th5rxr] {
        border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 50%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-slate-200) 50%, transparent);
        }
    }

    .border-slate-300[b-q964th5rxr] {
        border-color: var(--color-slate-300);
    }

    .border-slate-700[b-q964th5rxr] {
        border-color: var(--color-slate-700);
    }

    .border-white\/50[b-q964th5rxr] {
        border-color: color-mix(in srgb, #fff 50%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
        }
    }

    .bg-\[\#0f172a\][b-q964th5rxr] {
        background-color: #0f172a;
    }

    .bg-\[\#f8fafc\][b-q964th5rxr] {
        background-color: #f8fafc;
    }

    .bg-amber-50\/10[b-q964th5rxr] {
        background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 10%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-amber-50) 10%, transparent);
        }
    }

    .bg-amber-50\/50[b-q964th5rxr] {
        background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 50%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-amber-50) 50%, transparent);
        }
    }

    .bg-amber-100[b-q964th5rxr] {
        background-color: var(--color-amber-100);
    }

    .bg-amber-100\/60[b-q964th5rxr] {
        background-color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 60%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-amber-100) 60%, transparent);
        }
    }

    .bg-amber-400[b-q964th5rxr] {
        background-color: var(--color-amber-400);
    }

    .bg-amber-500[b-q964th5rxr] {
        background-color: var(--color-amber-500);
    }

    .bg-black[b-q964th5rxr] {
        background-color: var(--color-black);
    }

    .bg-black\/10[b-q964th5rxr] {
        background-color: color-mix(in srgb, #000 10%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
        }
    }

    .bg-blue-50[b-q964th5rxr] {
        background-color: var(--color-blue-50);
    }

    .bg-blue-50\/10[b-q964th5rxr] {
        background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 10%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-blue-50) 10%, transparent);
        }
    }

    .bg-blue-50\/40[b-q964th5rxr] {
        background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 40%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-blue-50) 40%, transparent);
        }
    }

    .bg-blue-100[b-q964th5rxr] {
        background-color: var(--color-blue-100);
    }

    .bg-blue-500\/10[b-q964th5rxr] {
        background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
        }
    }

    .bg-blue-600[b-q964th5rxr] {
        background-color: var(--color-blue-600);
    }

    .bg-blue-700[b-q964th5rxr] {
        background-color: var(--color-blue-700);
    }

    .bg-cyan-100[b-q964th5rxr] {
        background-color: var(--color-cyan-100);
    }

    .bg-emerald-50[b-q964th5rxr] {
        background-color: var(--color-emerald-50);
    }

    .bg-emerald-100[b-q964th5rxr] {
        background-color: var(--color-emerald-100);
    }

    .bg-emerald-100\/50[b-q964th5rxr] {
        background-color: color-mix(in srgb, oklch(95% 0.052 163.051) 50%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-emerald-100) 50%, transparent);
        }
    }

    .bg-emerald-200[b-q964th5rxr] {
        background-color: var(--color-emerald-200);
    }

    .bg-emerald-200\/50[b-q964th5rxr] {
        background-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 50%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-emerald-200) 50%, transparent);
        }
    }

    .bg-emerald-500[b-q964th5rxr] {
        background-color: var(--color-emerald-500);
    }

    .bg-emerald-600[b-q964th5rxr] {
        background-color: var(--color-emerald-600);
    }

    .bg-green-100[b-q964th5rxr] {
        background-color: var(--color-green-100);
    }

    .bg-purple-100[b-q964th5rxr] {
        background-color: var(--color-purple-100);
    }

    .bg-rose-50[b-q964th5rxr] {
        background-color: var(--color-rose-50);
    }

    .bg-rose-100[b-q964th5rxr] {
        background-color: var(--color-rose-100);
    }

    .bg-rose-500[b-q964th5rxr] {
        background-color: var(--color-rose-500);
    }

    .bg-slate-50[b-q964th5rxr] {
        background-color: var(--color-slate-50);
    }

    .bg-slate-50\/30[b-q964th5rxr] {
        background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 30%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-slate-50) 30%, transparent);
        }
    }

    .bg-slate-100[b-q964th5rxr] {
        background-color: var(--color-slate-100);
    }

    .bg-slate-100\/50[b-q964th5rxr] {
        background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 50%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-slate-100) 50%, transparent);
        }
    }

    .bg-slate-200[b-q964th5rxr] {
        background-color: var(--color-slate-200);
    }

    .bg-slate-500[b-q964th5rxr] {
        background-color: var(--color-slate-500);
    }

    .bg-slate-800\/50[b-q964th5rxr] {
        background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 50%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent);
        }
    }

    .bg-slate-900[b-q964th5rxr] {
        background-color: var(--color-slate-900);
    }

    .bg-white[b-q964th5rxr] {
        background-color: var(--color-white);
    }

    .bg-gradient-to-r[b-q964th5rxr] {
        --tw-gradient-position: to right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .from-emerald-500[b-q964th5rxr] {
        --tw-gradient-from: var(--color-emerald-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .to-emerald-200[b-q964th5rxr] {
        --tw-gradient-to: var(--color-emerald-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .p-1\.5[b-q964th5rxr] {
        padding: calc(var(--spacing) * 1.5);
    }

    .p-2[b-q964th5rxr] {
        padding: calc(var(--spacing) * 2);
    }

    .p-3[b-q964th5rxr] {
        padding: calc(var(--spacing) * 3);
    }

    .p-4[b-q964th5rxr] {
        padding: calc(var(--spacing) * 4);
    }

    .p-5[b-q964th5rxr] {
        padding: calc(var(--spacing) * 5);
    }

    .p-6[b-q964th5rxr] {
        padding: calc(var(--spacing) * 6);
    }

    .p-8[b-q964th5rxr] {
        padding: calc(var(--spacing) * 8);
    }

    .p-10[b-q964th5rxr] {
        padding: calc(var(--spacing) * 10);
    }

    .px-1[b-q964th5rxr] {
        padding-inline: calc(var(--spacing) * 1);
    }

    .px-1\.5[b-q964th5rxr] {
        padding-inline: calc(var(--spacing) * 1.5);
    }

    .px-2[b-q964th5rxr] {
        padding-inline: calc(var(--spacing) * 2);
    }

    .px-3[b-q964th5rxr] {
        padding-inline: calc(var(--spacing) * 3);
    }

    .px-4[b-q964th5rxr] {
        padding-inline: calc(var(--spacing) * 4);
    }

    .px-5[b-q964th5rxr] {
        padding-inline: calc(var(--spacing) * 5);
    }

    .px-6[b-q964th5rxr] {
        padding-inline: calc(var(--spacing) * 6);
    }

    .px-8[b-q964th5rxr] {
        padding-inline: calc(var(--spacing) * 8);
    }

    .py-0\.5[b-q964th5rxr] {
        padding-block: calc(var(--spacing) * 0.5);
    }

    .py-1[b-q964th5rxr] {
        padding-block: calc(var(--spacing) * 1);
    }

    .py-1\.5[b-q964th5rxr] {
        padding-block: calc(var(--spacing) * 1.5);
    }

    .py-2[b-q964th5rxr] {
        padding-block: calc(var(--spacing) * 2);
    }

    .py-3[b-q964th5rxr] {
        padding-block: calc(var(--spacing) * 3);
    }

    .py-3\.5[b-q964th5rxr] {
        padding-block: calc(var(--spacing) * 3.5);
    }

    .py-4[b-q964th5rxr] {
        padding-block: calc(var(--spacing) * 4);
    }

    .py-5[b-q964th5rxr] {
        padding-block: calc(var(--spacing) * 5);
    }

    .py-8[b-q964th5rxr] {
        padding-block: calc(var(--spacing) * 8);
    }

    .py-10[b-q964th5rxr] {
        padding-block: calc(var(--spacing) * 10);
    }

    .pt-1[b-q964th5rxr] {
        padding-top: calc(var(--spacing) * 1);
    }

    .pt-2[b-q964th5rxr] {
        padding-top: calc(var(--spacing) * 2);
    }

    .pt-4[b-q964th5rxr] {
        padding-top: calc(var(--spacing) * 4);
    }

    .pt-16[b-q964th5rxr] {
        padding-top: calc(var(--spacing) * 16);
    }

    .pr-5[b-q964th5rxr] {
        padding-right: calc(var(--spacing) * 5);
    }

    .pr-6[b-q964th5rxr] {
        padding-right: calc(var(--spacing) * 6);
    }

    .pb-0\.5[b-q964th5rxr] {
        padding-bottom: calc(var(--spacing) * 0.5);
    }

    .pb-12[b-q964th5rxr] {
        padding-bottom: calc(var(--spacing) * 12);
    }

    .pb-20[b-q964th5rxr] {
        padding-bottom: calc(var(--spacing) * 20);
    }

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

    .text-left[b-q964th5rxr] {
        text-align: left;
    }

    .text-right[b-q964th5rxr] {
        text-align: right;
    }

    .font-\[\'Cairo\'\][b-q964th5rxr] {
        font-family: 'Cairo';
    }

    .text-2xl[b-q964th5rxr] {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .text-3xl[b-q964th5rxr] {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    .text-4xl[b-q964th5rxr] {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .text-6xl[b-q964th5rxr] {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--line-height));
    }

    .text-lg[b-q964th5rxr] {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .text-sm[b-q964th5rxr] {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .text-xl[b-q964th5rxr] {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
    }

    .text-xs[b-q964th5rxr] {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }

    .text-\[8px\][b-q964th5rxr] {
        font-size: 8px;
    }

    .text-\[9px\][b-q964th5rxr] {
        font-size: 9px;
    }

    .text-\[10px\][b-q964th5rxr] {
        font-size: 10px;
    }

    .text-\[11px\][b-q964th5rxr] {
        font-size: 11px;
    }

    .text-\[13px\][b-q964th5rxr] {
        font-size: 13px;
    }

    .text-\[120px\][b-q964th5rxr] {
        font-size: 120px;
    }

    .leading-none[b-q964th5rxr] {
        --tw-leading: 1;
        line-height: 1;
    }

    .leading-relaxed[b-q964th5rxr] {
        --tw-leading: var(--leading-relaxed);
        line-height: var(--leading-relaxed);
    }

    .leading-tight[b-q964th5rxr] {
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight);
    }

    .font-black[b-q964th5rxr] {
        --tw-font-weight: var(--font-weight-black);
        font-weight: var(--font-weight-black);
    }

    .font-bold[b-q964th5rxr] {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
    }

    .tracking-\[0\.2em\][b-q964th5rxr] {
        --tw-tracking: 0.2em;
        letter-spacing: 0.2em;
    }

    .tracking-\[0\.3em\][b-q964th5rxr] {
        --tw-tracking: 0.3em;
        letter-spacing: 0.3em;
    }

    .tracking-tight[b-q964th5rxr] {
        --tw-tracking: var(--tracking-tight);
        letter-spacing: var(--tracking-tight);
    }

    .tracking-tighter[b-q964th5rxr] {
        --tw-tracking: var(--tracking-tighter);
        letter-spacing: var(--tracking-tighter);
    }

    .tracking-wider[b-q964th5rxr] {
        --tw-tracking: var(--tracking-wider);
        letter-spacing: var(--tracking-wider);
    }

    .tracking-widest[b-q964th5rxr] {
        --tw-tracking: var(--tracking-widest);
        letter-spacing: var(--tracking-widest);
    }

    .text-amber-500[b-q964th5rxr] {
        color: var(--color-amber-500);
    }

    .text-amber-600[b-q964th5rxr] {
        color: var(--color-amber-600);
    }

    .text-amber-700[b-q964th5rxr] {
        color: var(--color-amber-700);
    }

    .text-amber-800[b-q964th5rxr] {
        color: var(--color-amber-800);
    }

    .text-black[b-q964th5rxr] {
        color: var(--color-black);
    }

    .text-black\/70[b-q964th5rxr] {
        color: color-mix(in srgb, #000 70%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-black) 70%, transparent);
        }
    }

    .text-blue-100[b-q964th5rxr] {
        color: var(--color-blue-100);
    }

    .text-blue-300[b-q964th5rxr] {
        color: var(--color-blue-300);
    }

    .text-blue-600[b-q964th5rxr] {
        color: var(--color-blue-600);
    }

    .text-blue-700[b-q964th5rxr] {
        color: var(--color-blue-700);
    }

    .text-blue-800[b-q964th5rxr] {
        color: var(--color-blue-800);
    }

    .text-blue-900[b-q964th5rxr] {
        color: var(--color-blue-900);
    }

    .text-cyan-800[b-q964th5rxr] {
        color: var(--color-cyan-800);
    }

    .text-emerald-400[b-q964th5rxr] {
        color: var(--color-emerald-400);
    }

    .text-emerald-600[b-q964th5rxr] {
        color: var(--color-emerald-600);
    }

    .text-emerald-700[b-q964th5rxr] {
        color: var(--color-emerald-700);
    }

    .text-emerald-800[b-q964th5rxr] {
        color: var(--color-emerald-800);
    }

    .text-green-600[b-q964th5rxr] {
        color: var(--color-green-600);
    }

    .text-purple-800[b-q964th5rxr] {
        color: var(--color-purple-800);
    }

    .text-rose-600[b-q964th5rxr] {
        color: var(--color-rose-600);
    }

    .text-rose-700[b-q964th5rxr] {
        color: var(--color-rose-700);
    }

    .text-rose-800[b-q964th5rxr] {
        color: var(--color-rose-800);
    }

    .text-slate-300[b-q964th5rxr] {
        color: var(--color-slate-300);
    }

    .text-slate-400[b-q964th5rxr] {
        color: var(--color-slate-400);
    }

    .text-slate-500[b-q964th5rxr] {
        color: var(--color-slate-500);
    }

    .text-slate-600[b-q964th5rxr] {
        color: var(--color-slate-600);
    }

    .text-slate-700[b-q964th5rxr] {
        color: var(--color-slate-700);
    }

    .text-slate-800[b-q964th5rxr] {
        color: var(--color-slate-800);
    }

    .text-slate-900[b-q964th5rxr] {
        color: var(--color-slate-900);
    }

    .text-teal-800[b-q964th5rxr] {
        color: var(--color-teal-800);
    }

    .text-white[b-q964th5rxr] {
        color: var(--color-white);
    }

    .uppercase[b-q964th5rxr] {
        text-transform: uppercase;
    }

    .italic[b-q964th5rxr] {
        font-style: italic;
    }

    .tabular-nums[b-q964th5rxr] {
        --tw-numeric-spacing: tabular-nums;
        font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    }

    .line-through[b-q964th5rxr] {
        text-decoration-line: line-through;
    }

    .underline[b-q964th5rxr] {
        text-decoration-line: underline;
    }

    .decoration-blue-500[b-q964th5rxr] {
        text-decoration-color: var(--color-blue-500);
    }

    .decoration-4[b-q964th5rxr] {
        text-decoration-thickness: 4px;
    }

    .underline-offset-8[b-q964th5rxr] {
        text-underline-offset: 8px;
    }

    .opacity-5[b-q964th5rxr] {
        opacity: 5%;
    }

    .opacity-20[b-q964th5rxr] {
        opacity: 20%;
    }

    .opacity-60[b-q964th5rxr] {
        opacity: 60%;
    }

    .opacity-70[b-q964th5rxr] {
        opacity: 70%;
    }

    .shadow-2xl[b-q964th5rxr] {
        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-inner[b-q964th5rxr] {
        --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-lg[b-q964th5rxr] {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-sm[b-q964th5rxr] {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-xl[b-q964th5rxr] {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-amber-500\/10[b-q964th5rxr] {
        --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
        }
    }

    .shadow-amber-500\/20[b-q964th5rxr] {
        --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
    }

    .shadow-blue-600\/20[b-q964th5rxr] {
        --tw-shadow-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 20%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-600) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
    }

    .shadow-emerald-500\/20[b-q964th5rxr] {
        --tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
        }
    }

    .shadow-rose-500\/30[b-q964th5rxr] {
        --tw-shadow-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 30%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
        }
    }

    .shadow-slate-200\/50[b-q964th5rxr] {
        --tw-shadow-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 50%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-200) 50%, transparent) var(--tw-shadow-alpha), transparent);
        }
    }

    .transition-all[b-q964th5rxr] {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .transition-colors[b-q964th5rxr] {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .transition-opacity[b-q964th5rxr] {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .transition-shadow[b-q964th5rxr] {
        transition-property: box-shadow;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .duration-700[b-q964th5rxr] {
        --tw-duration: 700ms;
        transition-duration: 700ms;
    }

    .duration-1000[b-q964th5rxr] {
        --tw-duration: 1000ms;
        transition-duration: 1000ms;
    }

    .ease-out[b-q964th5rxr] {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out);
    }

    .outline-none[b-q964th5rxr] {
        --tw-outline-style: none;
        outline-style: none;
    }

    .group-focus-within\:text-blue-500[b-q964th5rxr] {
        &:is(:where(.group):focus-within *) {
            color: var(--color-blue-500);
        }
    }

    .group-hover\:opacity-100[b-q964th5rxr] {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                opacity: 100%;[b-q964th5rxr]
            }
        }
    }

    .group-hover\:shadow-md[b-q964th5rxr] {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1))[b-q964th5rxr], 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
                box-shadow: var(--tw-inset-shadow)[b-q964th5rxr], var(--tw-inset-ring-shadow)[b-q964th5rxr], var(--tw-ring-offset-shadow)[b-q964th5rxr], var(--tw-ring-shadow)[b-q964th5rxr], var(--tw-shadow);[b-q964th5rxr]
            }
        }
    }

    .hover\:border-amber-500\/50[b-q964th5rxr] {
        &:hover {
            @media (hover: hover) {
                border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 50%, transparent);

                @supports (color: color-mix(in lab, red, red))[b-q964th5rxr] {
                    border-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent);
                }
            }
        }
    }

    .hover\:border-blue-300[b-q964th5rxr] {
        &:hover {
            @media (hover: hover) {
                border-color: var(--color-blue-300);[b-q964th5rxr]
            }
        }
    }

    .hover\:border-emerald-300[b-q964th5rxr] {
        &:hover {
            @media (hover: hover) {
                border-color: var(--color-emerald-300);[b-q964th5rxr]
            }
        }
    }

    .hover\:border-emerald-400[b-q964th5rxr] {
        &:hover {
            @media (hover: hover) {
                border-color: var(--color-emerald-400);[b-q964th5rxr]
            }
        }
    }

    .hover\:border-emerald-500\/50[b-q964th5rxr] {
        &:hover {
            @media (hover: hover) {
                border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 50%, transparent);

                @supports (color: color-mix(in lab, red, red))[b-q964th5rxr] {
                    border-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent);
                }
            }
        }
    }

    .hover\:bg-black[b-q964th5rxr] {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-black);[b-q964th5rxr]
            }
        }
    }

    .hover\:bg-blue-50\/20[b-q964th5rxr] {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 20%, transparent);

                @supports (color: color-mix(in lab, red, red))[b-q964th5rxr] {
                    background-color: color-mix(in oklab, var(--color-blue-50) 20%, transparent);
                }
            }
        }
    }

    .hover\:bg-rose-50[b-q964th5rxr] {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-rose-50);[b-q964th5rxr]
            }
        }
    }

    .hover\:bg-slate-50\/50[b-q964th5rxr] {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent);

                @supports (color: color-mix(in lab, red, red))[b-q964th5rxr] {
                    background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent);
                }
            }
        }
    }

    .hover\:bg-white[b-q964th5rxr] {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-white);[b-q964th5rxr]
            }
        }
    }

    .hover\:text-blue-800[b-q964th5rxr] {
        &:hover {
            @media (hover: hover) {
                color: var(--color-blue-800);[b-q964th5rxr]
            }
        }
    }

    .hover\:text-rose-600[b-q964th5rxr] {
        &:hover {
            @media (hover: hover) {
                color: var(--color-rose-600);[b-q964th5rxr]
            }
        }
    }

    .hover\:text-white[b-q964th5rxr] {
        &:hover {
            @media (hover: hover) {
                color: var(--color-white);[b-q964th5rxr]
            }
        }
    }

    .hover\:shadow-md[b-q964th5rxr] {
        &:hover {
            @media (hover: hover) {
                --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1))[b-q964th5rxr], 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
                box-shadow: var(--tw-inset-shadow)[b-q964th5rxr], var(--tw-inset-ring-shadow)[b-q964th5rxr], var(--tw-ring-offset-shadow)[b-q964th5rxr], var(--tw-ring-shadow)[b-q964th5rxr], var(--tw-shadow);[b-q964th5rxr]
            }
        }
    }

    .focus\:border-blue-500[b-q964th5rxr] {
        &:focus {
            border-color: var(--color-blue-500);
        }
    }

    .focus\:bg-white[b-q964th5rxr] {
        &:focus {
            background-color: var(--color-white);
        }
    }

    .focus\:ring-4[b-q964th5rxr] {
        &:focus {
            --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }

    .focus\:ring-blue-500\/10[b-q964th5rxr] {
        &:focus {
            --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);

            @supports (color: color-mix(in lab, red, red)) {
                --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
            }
        }
    }

    .md\:col-span-2[b-q964th5rxr] {
        @media (width >= 48rem) {
            grid-column: span 2 / span 2;[b-q964th5rxr]
        }
    }

    .md\:grid-cols-2[b-q964th5rxr] {
        @media (width >= 48rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));[b-q964th5rxr]
        }
    }

    .md\:grid-cols-3[b-q964th5rxr] {
        @media (width >= 48rem) {
            grid-template-columns: repeat(3, minmax(0, 1fr));[b-q964th5rxr]
        }
    }

    .md\:flex-row[b-q964th5rxr] {
        @media (width >= 48rem) {
            flex-direction: row;[b-q964th5rxr]
        }
    }

    .md\:items-center[b-q964th5rxr] {
        @media (width >= 48rem) {
            align-items: center;[b-q964th5rxr]
        }
    }

    .lg\:col-span-4[b-q964th5rxr] {
        @media (width >= 64rem) {
            grid-column: span 4 / span 4;[b-q964th5rxr]
        }
    }

    .lg\:col-span-8[b-q964th5rxr] {
        @media (width >= 64rem) {
            grid-column: span 8 / span 8;[b-q964th5rxr]
        }
    }

    .lg\:grid-cols-3[b-q964th5rxr] {
        @media (width >= 64rem) {
            grid-template-columns: repeat(3, minmax(0, 1fr));[b-q964th5rxr]
        }
    }

    .lg\:grid-cols-6[b-q964th5rxr] {
        @media (width >= 64rem) {
            grid-template-columns: repeat(6, minmax(0, 1fr));[b-q964th5rxr]
        }
    }

    .lg\:grid-cols-12[b-q964th5rxr] {
        @media (width >= 64rem) {
            grid-template-columns: repeat(12, minmax(0, 1fr));[b-q964th5rxr]
        }
    }

    .xl\:col-span-2[b-q964th5rxr] {
        @media (width >= 80rem) {
            grid-column: span 2 / span 2;[b-q964th5rxr]
        }
    }

    .xl\:grid-cols-2[b-q964th5rxr] {
        @media (width >= 80rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));[b-q964th5rxr]
        }
    }

    .xl\:grid-cols-3[b-q964th5rxr] {
        @media (width >= 80rem) {
            grid-template-columns: repeat(3, minmax(0, 1fr));[b-q964th5rxr]
        }
    }

    .xl\:grid-cols-4[b-q964th5rxr] {
        @media (width >= 80rem) {
            grid-template-columns: repeat(4, minmax(0, 1fr));[b-q964th5rxr]
        }
    }
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
}

@property --tw-gradient-position {
    syntax: "*";
    inherits: false;
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false;
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false;
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%;
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%;
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%;
}

@property --tw-leading {
    syntax: "*";
    inherits: false;
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false;
}

@property --tw-tracking {
    syntax: "*";
    inherits: false;
}

@property --tw-ordinal {
    syntax: "*";
    inherits: false;
}

@property --tw-slashed-zero {
    syntax: "*";
    inherits: false;
}

@property --tw-numeric-figure {
    syntax: "*";
    inherits: false;
}

@property --tw-numeric-spacing {
    syntax: "*";
    inherits: false;
}

@property --tw-numeric-fraction {
    syntax: "*";
    inherits: false;
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false;
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false;
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false;
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false;
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false;
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0px;
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff;
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-duration {
    syntax: "*";
    inherits: false;
}

@property --tw-ease {
    syntax: "*";
    inherits: false;
}

@keyframes ping-b-q964th5rxr {
    75%, 100% {
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes pulse-b-q964th5rxr {
    50% {
        opacity: 0.5;
    }
}

@layer properties {
    @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
        *[b-q964th5rxr], [b-q964th5rxr]::before, [b-q964th5rxr]::after, [b-q964th5rxr]::backdrop {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-space-y-reverse: 0;
            --tw-divide-y-reverse: 0;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-duration: initial;
            --tw-ease: initial;
        }
    }
}
/* /Components/Pages/ProjectsManagment/ProjectsManagment.razor.rz.scp.css */
.e-dashboardlayout[b-hni6q81sfw] {
    padding: 10px;
}

    .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header[b-hni6q81sfw] {
        line-height: 40px;
        height: 40px;
    }

.fluent .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header[b-hni6q81sfw],
.fluent-dark .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header[b-hni6q81sfw] {
    height: 56px;
}

.bootstrap5 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header[b-hni6q81sfw],
.bootstrap5-dark .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header[b-hni6q81sfw],
.tailwind .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header[b-hni6q81sfw],
.fluent .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header[b-hni6q81sfw],
.fluent-dark .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header[b-hni6q81sfw],
.tailwind-dark .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header[b-hni6q81sfw] {
    line-height: inherit;
}

.root-container[b-hni6q81sfw] {
    height: 100%;
    text-align: center;
}

.title[b-hni6q81sfw] {
    font-size: 16px;
    font-weight: 400;
}

.category-text[b-hni6q81sfw] {
    float: left;
    line-height: 30px;
}

.category-icon[b-hni6q81sfw] {
    float: left;
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: 100%;
    height: 30px;
    width: 30px;
    display: inline-block;
    margin-right: 10px;
}

    .category-icon.food[b-hni6q81sfw] {
        background-image: url("images/dashboard-layout/food.png");
    }

    .category-icon.travel[b-hni6q81sfw] {
        background-image: url("images/dashboard-layout/transport.png");
    }

    .category-icon.housing[b-hni6q81sfw] {
        background-image: url("@images/dashboard-layout/house.png");
    }

    .category-icon.extra-income[b-hni6q81sfw] {
        background-image: url("images/dashboard-layout/extra.png");
    }

.item-container[b-hni6q81sfw] {
    display: ruby-text;
    text-align: center;
    height: 70%;
    padding: 1rem;
    font-size: 22px;
    font-weight: 400;
}

    .item-container.income[b-hni6q81sfw] {
        color: #17a00e
    }

    .item-container.balance[b-hni6q81sfw] {
        color: #008cff;
    }

    .item-container.transaction[b-hni6q81sfw] {
        color: #f41127;
    }

    .item-container.expense[b-hni6q81sfw] {
        color: #ca765a;
    }

.bottom-container[b-hni6q81sfw] {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
}

.mobile .bottom-container[b-hni6q81sfw] {
    font-size: 30px;
}

.material .bottom-container[b-hni6q81sfw],
.fabric .bottom-container[b-hni6q81sfw],
.bootstrap .bottom-container[b-hni6q81sfw],
.bootstrap4 .bottom-container[b-hni6q81sfw],
.tailwind .bottom-container[b-hni6q81sfw],
.bootstrap5 .bottom-container[b-hni6q81sfw] {
    color: #4c5258;
}

.amt-payment.expense-payment[b-hni6q81sfw] {
    font-weight: bold;
    color: #ff5e65;
}

.amt-payment.income-payment[b-hni6q81sfw] {
    font-weight: bold;
    color: #04cd93;
}

.auto-left[b-hni6q81sfw] {
    margin-left: auto;
}

.e-panel-cotent[b-hni6q81sfw] {
    padding: 1rem;
}

@font-face {
    font-family: 'e-sb-icons';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype");
    font-weight: normal;
    font-style: normal;
}

.balance[b-hni6q81sfw]:after {
    content: "\e900";
    font-size: 24px;
    font-family: "e-sb-icons";
}

.expense[b-hni6q81sfw]:after {
    content: "\e901";
    font-size: 24px;
    font-family: "e-sb-icons";
}

.income[b-hni6q81sfw]:after {
    content: "\e902";
    font-size: 24px;
    font-family: "e-sb-icons";
}

.transaction[b-hni6q81sfw]:after {
    content: "\e903";
    font-size: 24px;
    font-family: "e-sb-icons";
}

.e-headercelldiv span.e-headertext[b-hni6q81sfw] {
    font-size: 14px;
    font-weight: 500;
}

.e-grid .e-rowcell[b-hni6q81sfw] {
    font-size: 13px;
}

.mobile .e-control.e-lib.e-dashboardlayout.e-responsive[b-hni6q81sfw] {
    z-index: 0;
    overflow: scroll;
}

.mobile .item-container[b-hni6q81sfw] {
    padding: 40px;
    font-size: 40px;
}

.mobile .balance[b-hni6q81sfw]:after {
    content: "\e900";
    font-size: 40px;
    font-family: "e-sb-icons";
}

.mobile .expense[b-hni6q81sfw]:after {
    content: "\e901";
    font-size: 40px;
    font-family: "e-sb-icons";
}

.mobile .income[b-hni6q81sfw]:after {
    content: "\e902";
    font-size: 40px;
    font-family: "e-sb-icons";
}

.mobile .transaction[b-hni6q81sfw]:after {
    content: "\e903";
    font-size: 40px;
    font-family: "e-sb-icons";
}

.e-control.e-lib.e-dashboardlayout.e-responsive[b-hni6q81sfw] {
    z-index: 0;
}

.e-dashboardlayout.e-control .e-panel .e-panel-container .e-grid.sf-grid .e-gridcontent .e-content.e-yscroll[b-hni6q81sfw] {
    overflow: auto;
}

body.tailwind-dark .e-dashboardlayout.e-control .e-panel[b-hni6q81sfw] {
    border: 1px #435266 solid;
}

.e-gridheader[b-hni6q81sfw] {
    padding-right: 0px !important;
}