/* _content/Reuniverse.Razor/ReuCheckbox.razor.rz.scp.css */
label[b-g9656vw5lp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    width: fit-content;
}

    label:hover input ~ .checkmark[b-g9656vw5lp] {
        border-color: var(--color-input-border-hover);
        background-color: var(--color-input-bg-hover);
    }

        label input:checked ~ .checkmark[b-g9656vw5lp]:after {
            display: block;
        }

    label:has(input:disabled)[b-g9656vw5lp] {
        cursor: not-allowed;
    }

    label input:disabled ~ .checkmark[b-g9656vw5lp],
    label input.disabled ~ .checkmark[b-g9656vw5lp] {
        background-color: var(--color-input-bg-disabled);
        border-color: var(--color-input-border);
        cursor: not-allowed;
    }

    label:hover input:disabled ~ .checkmark[b-g9656vw5lp],
    label:hover input.disabled ~ .checkmark[b-g9656vw5lp] {
        border-color: var(--color-input-border);
        background-color: var(--color-input-bg-disabled);
    }

input[b-g9656vw5lp] {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
}

.checkmark[b-g9656vw5lp] {
    display: flex;
    aspect-ratio: 1 / 1;
    border: 1px solid var(--color-input-border);
    border-radius: 5px;
    background-color: var(--color-input-bg);
    box-sizing: border-box;
}

    .checkmark[b-g9656vw5lp]:after {
        content: "";
        display: none;
        width: 100%;
        border-radius: 3px;
        background-color: white;
        margin: 6px;
        box-sizing: border-box;
    }
/* _content/Reuniverse.Razor/ReuFooter.razor.rz.scp.css */
.reu-footer-important[b-hwit4d190j] {
    display: flex;
    gap: 1rem;
}

.copyright[b-hwit4d190j] {
    flex: 1;
}

.links[b-hwit4d190j] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

@media (max-width: 1000px) {
    .reu-footer-important[b-hwit4d190j] {
        flex-direction: column;
    }
}
/* _content/Reuniverse.Razor/ReuFriendlyType.razor.rz.scp.css */
.type:hover[b-dpv2njykn8] {
    cursor: pointer;
    text-decoration: underline;
}

.keyword[b-dpv2njykn8] {
    color: #59B9FF;
}

.enum[b-dpv2njykn8] {
    color: #DBFFC1;
}

.struct[b-dpv2njykn8] {
    color: #63FFFF;
}

.class[b-dpv2njykn8] {
    color: #5BFFDE;
}

.generic[b-dpv2njykn8] {
    color: #B8D7A3;
}

.interface[b-dpv2njykn8] {
    color: #B6D7A3;
}
/* _content/Reuniverse.Razor/ReuLoader.razor.rz.scp.css */
.loader[b-ihtlthw8wc] {
    aspect-ratio: 1;
    border-radius: 50%;
    background: white;
    --_m: conic-gradient(#0000 10%,#000), linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
    mask: var(--_m);
    -webkit-mask-composite: source-out;
    mask-composite: subtract;
    animation: l3-b-ihtlthw8wc 1s infinite linear;
}

@keyframes l3-b-ihtlthw8wc {
    to {
        transform: rotate(1turn)
    }
}
/* _content/Reuniverse.Razor/ReuMenuBar.razor.rz.scp.css */
.reu-menubar[b-x7v7z5b1bv] {
    display: flex;
    position: relative;
    background: var(--color-input-bg);
    white-space: nowrap;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}
/* _content/Reuniverse.Razor/ReuMenuBarItem.razor.rz.scp.css */
.reu-menubar-item-container[b-h0zer8h7t1] {
    position: relative;
}

.reu-menubar-item[b-h0zer8h7t1] {
    display: block;
    color: inherit;
    padding: 0.3rem 1rem;
    font-size: 80%;
    cursor: pointer;
}

    .reu-menubar-item:hover[b-h0zer8h7t1] {
        background: var(--color-input-bg-hover);
    }

    .reu-menubar-item.active[b-h0zer8h7t1] {
        background: var(--color-button-bg-active);
    }

.reu-menubar-dropdown[b-h0zer8h7t1] {
    position: absolute;
    background: var(--color-input-bg);
}

    .reu-menubar-dropdown.nested[b-h0zer8h7t1] {
        top: 0;
        left: 100%;
    }
/* _content/Reuniverse.Razor/ReuNavItem.razor.rz.scp.css */
[b-0d2yboyckl] .nav-link {
    color: white;
    background-color: #3333;
    border-bottom: 2px solid #FFF3;
    border-radius: 4px;
    height: 2.5rem;
    min-width: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background-color 0.05s ease, min-width 0.2s ease;
    backdrop-filter: blur(5px);
    box-sizing: border-box;
}

    [b-0d2yboyckl] .nav-link:hover {
        color: white;
        background-color: #3338;
    }

    [b-0d2yboyckl] .nav-link.wide {
        min-width: 8rem;
    }

    [b-0d2yboyckl] .nav-link img.icon {
        display: none;
    }

[b-0d2yboyckl] a.active, [b-0d2yboyckl] button.active {
    background-color: #555A !important;
}
/* _content/Reuniverse.Razor/ReuNavMenu.razor.rz.scp.css */
.navbar[b-0klmtkv2lu] {
    position: relative;
    z-index: 10;
    width: 100vw;
    background-color: #111;
    border-bottom: 2px solid #333;
}

    .navbar.absolute[b-0klmtkv2lu] {
        position: absolute;
        top: 0;
    }

.reu-container[b-0klmtkv2lu] {
    display: flex;
}

.navbar-left[b-0klmtkv2lu] {
    display: flex;
    align-items: center;
}

.brand[b-0klmtkv2lu] {
    color: white !important;
    text-decoration: none;
    font-size: 1.5rem;
    margin-left: 0.5rem;
    margin-right: 2rem;
}

    .brand.nonav[b-0klmtkv2lu] {
        text-shadow: 2px 2px 4px #2228;
        opacity: 0.5;
    }

nav[b-0klmtkv2lu] {
    display: flex;
    margin-left: auto;
    gap: 5px;
}

#burger[b-0klmtkv2lu] {
    display: none;
    cursor: pointer;
}

    #burger:checked ~ nav[b-0klmtkv2lu] {
        display: flex;
    }

    #burger:checked ~ label[b-0klmtkv2lu] {
        background-color: #555A !important;
    }

.burger[b-0klmtkv2lu] {
    margin-left: auto;
    display: none;
    cursor: pointer;
    color: white;
    background-color: #3333;
    border-bottom: 2px solid #FFF3;
    border-radius: 4px;
    height: 2.5rem;
    min-width: 3rem;
    align-items: center;
    justify-content: center;
    transition: background-color 0.05s ease;
    backdrop-filter: blur(5px);
}

    .burger:hover[b-0klmtkv2lu] {
        background-color: #3338;
    }

@media (max-width: 750px) {
    nav[b-0klmtkv2lu] {
        display: none;
        flex-direction: column;
        position: absolute;
        right: 1.5rem;
        top: 85%;
    }

    .burger[b-0klmtkv2lu] {
        display: flex;
    }

        .burger .nav-link.wide[b-0klmtkv2lu] {
            min-width: 5rem;
        }

        .burger .nav-link img.icon[b-0klmtkv2lu] {
            display: block;
        }

    #burger:checked ~ nav[b-0klmtkv2lu] {
        background: #111D;
        padding: 5px;
        border-radius: 5px;
        backdrop-filter: blur(5px);
    }

    .reu-container[b-0klmtkv2lu] {
        width: calc(100% - 3rem);
    }
}


@media (max-width: 1000px) and (min-width: 750px) {
    nav[b-0klmtkv2lu]  .nav-item .nav-link.wide {
        min-width: 5rem;
    }

    nav[b-0klmtkv2lu]  .nav-item .nav-link span {
        display: none;
    }

    nav[b-0klmtkv2lu]  .nav-item .nav-link img.icon {
        display: block;
    }
}

@media (max-height: 600px) {
    .reu-container[b-0klmtkv2lu] {
        padding: 0.7rem;
    }
}
/* _content/Reuniverse.Razor/ReuObjectTree.razor.rz.scp.css */
.item[b-ojxs36klri] {
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    font-size: 90%;
}

    .item:not(.root)[b-ojxs36klri] {
        opacity: 0; /* Ensure they're invisible initially */
        animation: fadeIn-b-ojxs36klri 0.2s ease-in forwards;
    }

.items[b-ojxs36klri] {
    margin-left: 1rem;
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 5px;
    width: min-content;
}

[b-ojxs36klri] input {
    height: 24px;
    font-family: var(--font-mono), monospace;
    font-variant-ligatures: no-common-ligatures;
}

[b-ojxs36klri] select {
    height: 30px;
}

[b-ojxs36klri] .box {
    padding: 0 10px;
    border-radius: 4px;
    line-height: 28px;
    padding-top: 1px;
    background: #2224;
    border-bottom: 1px solid #3338;
    transition: background 0.1s ease;
}

    [b-ojxs36klri] .box.type {
        font-size: 75%;
    }

    [b-ojxs36klri] .box.general:hover {
        background: var(--color-object-tree-box-bg);
        cursor: pointer;
    }

    [b-ojxs36klri] .box.general.active {
        background: var(--color-button-bg-active);
    }

    [b-ojxs36klri] .box.general.expander {
        user-select: none;
        width: 18px;
        text-align: center;
    }

[b-ojxs36klri] .box-value {
    padding: 0 10px;
    border-radius: 4px;
    line-height: 29px;
    padding-top: 1px;
    background: #2228;
    color: #888;
}

    [b-ojxs36klri] .box-value.type {
        font-size: 75%;
    }

    [b-ojxs36klri] .box-value.clickable {
        -webkit-user-select: none; /* Safari */
        -ms-user-select: none; /* IE 10 and IE 11 */
        user-select: none; /* Standard syntax */
    }

    [b-ojxs36klri] .box-value.clickable:hover {
        background: var(--color-object-tree-box-bg);
        cursor: pointer;
    }

    [b-ojxs36klri] .box-value.error {
        color: var(--color-red);
        text-shadow: 0 0 20px var(--color-red);
        outline: 1px solid transparent;
        transition: outline 0.1s ease;
        cursor: help;
    }

        [b-ojxs36klri] .box-value.error:hover {
            outline: 1px solid var(--color-red);
        }

.exception[b-ojxs36klri] {
    color: var(--color-red);
    animation: fadeIn2-b-ojxs36klri 0.2s ease-in forwards;
}

@keyframes fadeIn-b-ojxs36klri {
    from {
        opacity: 0;
        transform: translateX(20px); /* Optional: slight movement for a smoother effect */
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeIn2-b-ojxs36klri {
    from {
        opacity: 0;
        transform: translateX(2px); /* Optional: slight movement for a smoother effect */
    }

    to {
        opacity: 1;
        transform: translateX(8px);
    }
}
/* _content/Reuniverse.Razor/ReuRadio.razor.rz.scp.css */
label[b-ol28tisizv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    width: fit-content;
}

    label:hover input ~ .checkmark[b-ol28tisizv] {
        border-color: var(--color-input-border-hover);
        background-color: var(--color-input-bg-hover);
    }

        label input:checked ~ .checkmark[b-ol28tisizv]:after {
            display: block;
        }

    label:has(input:disabled)[b-ol28tisizv] {
        cursor: not-allowed;
    }

    label input:disabled ~ .checkmark[b-ol28tisizv],
    label input.disabled ~ .checkmark[b-ol28tisizv] {
        background-color: var(--color-input-bg-disabled);
        border-color: var(--color-input-border);
        cursor: not-allowed;
    }

    label:hover input:disabled ~ .checkmark[b-ol28tisizv],
    label:hover input.disabled ~ .checkmark[b-ol28tisizv] {
        border-color: var(--color-input-border);
        background-color: var(--color-input-bg-disabled);
    }

input[b-ol28tisizv] {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
}

.checkmark[b-ol28tisizv] {
    display: flex;
    aspect-ratio: 1 / 1;
    border: 1px solid var(--color-input-border);
    border-radius: 100%;
    background-color: var(--color-input-bg);
    box-sizing: border-box;
}

    .checkmark[b-ol28tisizv]:after {
        content: "";
        display: none;
        width: 100%;
        border-radius: 100%;
        background-color: white;
        margin: 6px;
        box-sizing: border-box;
    }
/* _content/Reuniverse.Razor/ReuTooltip.razor.rz.scp.css */
.tooltip[b-3yn1prj0sn] {
    display: flex;
    position: fixed;
    background: #3338;
    pointer-events: none;
    border-radius: 0.2rem;
    padding: 0.2rem 0.4rem;
    backdrop-filter: blur(10px);
}

    .tooltip.global[b-3yn1prj0sn] {
        font-size: 80%;
    }
/* _content/Reuniverse.Razor/ReuUploadArea.razor.rz.scp.css */
[b-dud575fi8i] input {
    left: -3px;
    top: -3px;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    opacity: 0;
    position: absolute;
    cursor: pointer;
    z-index: 5;
}

.upload-area[b-dud575fi8i] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    padding: 10px 20px;
    text-align: center;
    min-width: 250px;
    border-radius: 5px;
    border: 3px dashed #FFF5;
    background-color: #FFF1;
    font-weight: bold;
    color: #AAA;
    transition: background-color 0.2s ease;
}

    .upload-area:hover[b-dud575fi8i], .upload-area.drag[b-dud575fi8i] {
        background-color: #FFF2;
    }

    .upload-area span[b-dud575fi8i] {
        margin-top: 5px;
    }

        .upload-area span.note[b-dud575fi8i] {
            font-size: 70%;
            color: #666;
        }

.ext[b-dud575fi8i] {
    border-radius: 4px;
    font-size: 90%;
    padding: 2px 5px;
    margin: 0 2px;
}

    .ext.gbx[b-dud575fi8i] {
        color: #DDD;
        background: #257A;
    }

    .ext.other[b-dud575fi8i] {
        color: #DDD;
        background: #642A;
    }
/* _content/Reuniverse.Razor/ReuUploadButton.razor.rz.scp.css */
input[b-8cl4fnty44] {
    position: absolute;
    top: 0;
    width: 100%;
    height: calc(100% + 3px);
    cursor: pointer;
    opacity: 0;
}
/* _content/Reuniverse.Razor/ReuUploadScreen.razor.rz.scp.css */
.upload-screen[b-qlb65msz0b] {
    position: fixed;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    animation: fadeIn-b-qlb65msz0b 0.3s ease forwards;
}

.upload-screen[b-qlb65msz0b]  .upload-area {
    height: 100%;
}

@keyframes fadeIn-b-qlb65msz0b {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/* _content/Reuniverse.Razor/TypeValueComponents/StringTypeValueComponent.razor.rz.scp.css */
input[b-2cfqe8hk7z] {
    min-width: 20ch;
    max-width: 64ch;
    padding: 2px 0 2px 10px;
}