@import '_content/ComponentLibrary/ComponentLibrary.swm5dmuvgz.bundle.scp.css';
@import '_content/IconLibrary/IconLibrary.pbppf610gr.bundle.scp.css';

/* /Components/Form/FormField.razor.rz.scp.css */
.form-field[b-jjaapsxbg6] {
    display: grid;
    grid-auto-rows: max-content;
}

.label[b-jjaapsxbg6] {
    font-size: var(--font-sm);
    font-weight: var(--font-bold);
    padding-block-end: var(--space-xs);
    padding-inline-end: var(--space-sm);
    color: var(--color-text-soft);
}

.input-icon-wrapper[b-jjaapsxbg6] {
    background-color: var(--color-control);
    color: var(--color-text);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    outline: 2px solid transparent;
    outline-offset: 2px;
    display: grid;
    grid-template-columns: 1fr;
    column-gap: var(--space-sm);
    align-items: center;
    transition: outline 0.25s ease;

    &:focus-within {
        outline-color: var(--color-focus-ring);
    }

    &[data-show-icon][b-jjaapsxbg6] {
        grid-template-columns: 1fr max-content;
    }

    .icon-wrapper[b-jjaapsxbg6] {
        padding-inline-end: var(--space-sm);
    }

        .icon-wrapper[data-clikcable][b-jjaapsxbg6]  .icon {
            cursor: pointer;
            outline: 2px solid var(--color-primary);
            border-radius: 0.25rem;
        }

    &:focus-within[b-jjaapsxbg6]  .icon {
        color: var(--color-primary);
        opacity: 1;
    }

    &[b-jjaapsxbg6]  .icon {
        opacity: 0.85;
        color: var(--color-text-soft);
        width: var(--size-lg);
        height: var(--size-lg);
        transition: color 0.4s;
    }

    &[b-jjaapsxbg6]  input {
        padding-block: var(--space-sm);
        padding-inline-start: var(--space-sm);
    }

    &:has(input:not(:placeholder-shown):valid)[b-jjaapsxbg6]  .icon {
        color: var(--color-success);
    }

    &:has(input:not(:placeholder-shown):invalid)[b-jjaapsxbg6]  .icon {
        color: var(--color-danger);
    }

    &:has(:is(input, select, textarea):disabled)[b-jjaapsxbg6] {
        background-color: var(--color-disabled);
        color: var(--color-disabled-text);
        border-color: var(--color-disabled);
    }

    &:has(:is(input, textarea):disabled)[b-jjaapsxbg6]  .icon {
        color: var(--color-disabled-text);
    }
}
/* /Components/Image/ImagePreviewDialog.razor.rz.scp.css */
.image-preview-dialog[b-j62sos09xx] {
    display: contents;
}

[b-j62sos09xx] .inner-dialog {
    background-color: transparent;
    border: none;
    outline: none;
    overflow: hidden;
}

[b-j62sos09xx] .image {
    overflow: hidden;

    img {
        position: relative;
        border-radius: 1rem;
        object-fit: contain;
        max-height: 60svh;
    }
}
/* /Components/Modal/FormModalTemplate.razor.rz.scp.css */
.form-modal-template[b-h45iy56z47] {
    margin: auto;
    width: min(1000px, 98%);
    background-color: var(--color-surface);
    border: 2px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: 0 2rem 6rem 0rem var(--color-shadow-floating);
    overflow: hidden;
}

.form[b-h45iy56z47] {
    --space-block: var(--space-xl);
    --space-inline: var(--space-2xl);
    max-height: 98dvh;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: max-content 1fr max-content;
    grid-template-areas:
        "header"
        "main"
        "footer";
    row-gap: var(--size-3xl);
    overflow: hidden;

    &:has(:invalid) button[type="submit"] {
        pointer-events: none;
        background-color: var(--color-disabled);
        border-color: var(--color-disabled);
        color: var(--color-disabled-text);
    }
}

.header[b-h45iy56z47] {
    margin-block-start: var(--space-block);
    margin-inline: var(--space-inline);
    grid-area: header;
    display: grid;
    grid-template-columns: 1fr max-content;

    .title {
        color: var(--color-primary);
    }

    .close-button[b-h45iy56z47] {

        .empty {
        }

        &[b-h45iy56z47]  .icon {
            width: var(--size-2xl);
            height: var(--size-2xl);
        }
    }
}

.main[b-h45iy56z47] {
    padding-inline: var(--space-inline);
    padding-block: var(--space-md);
    grid-area: main;
    overflow-y: auto;
    display: grid;
    column-gap: var(--space-2xl);
    row-gap: var(--space-3xl);
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: max-content;

    & .empty {
    }

    &[b-h45iy56z47]  .double-column {
        grid-column: span 2;
    }
}

.footer[b-h45iy56z47] {
    padding-block: var(--space-block);
    margin-inline: var(--space-inline);
    grid-area: footer;
    display: grid;
    justify-items: center;
    border-block-start: 1px solid var(--color-border);
}

@media (width < 40rem) {
    .form[b-h45iy56z47] {
        --space-block: var(--space-xl);
        --space-inline: var(--space-xs);
    }

    .main[b-h45iy56z47] {
        row-gap: var(--space-3xl);
        grid-template-columns: 1fr;
        grid-auto-rows: max-content;
        grid-auto-flow: row;

        & .empty {
        }

        &[b-h45iy56z47] >  * {
            grid-column: span 2;
        }
    }
}
/* /Components/Page/PageTemplate.razor.rz.scp.css */
.page-template[b-m0qtec1tsv] {
    display: grid;
    grid-auto-rows: max-content;
}

.page-header[b-m0qtec1tsv] {
    display: grid;
    grid-template-rows: max-content max-content;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--space-3xl);
    padding-inline: var(--space-xl);
    padding-block-start: var(--space-md);
    padding-block-end: var(--space-2xl);
    grid-template-areas:
        "title  options"
        "search search";
    background-color: var(--color-layout);
    box-shadow: 0 0.25rem 0.5rem -0.25rem var(--color-shadow);
    position: sticky;
    inset-block-start: 0;
    align-self: start;
    z-index: 11;

    & .title {
        grid-area: title;
        font-size: var(--font-5xl);
        color: transparent;
        background: linear-gradient( 90deg, var(--color-text-muted), var(--color-primary), var(--color-text-muted));
        background-clip: text;
        justify-self: end;
    }

    & .options[b-m0qtec1tsv] {
        grid-area: options;
        display: grid;
        grid-auto-columns: max-content;
        grid-auto-flow: column;
        align-self: center;
        gap: var(--space-sm);
    }

    & .search[b-m0qtec1tsv] {
        grid-area: search;
    }
}

.page-content[b-m0qtec1tsv] {
    display: grid;
}

.option-button[b-m0qtec1tsv] {
    padding-block: var(--space-sm);
    padding-inline: var(--space-sm);

    &.danger:not(:disabled) {
        color: var(--color-danger);
    }
}

@media (width < 40rem) {
    .page-header[b-m0qtec1tsv] {
        padding-block-start: var(--space-md);
        padding-inline: var(--space-xs);
        column-gap: var(--space-2xs);
        grid-template-columns: max-content 1fr;

        & .options {
            justify-self: end;
        }

        button[b-m0qtec1tsv] {
            padding: var(--space-xs);
        }
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
.main-layout[b-2e2i2bvbfl] {
    position: relative;
    min-height: 100svh;
    display: grid;
    grid-template-rows: max-content 1fr max-content;
    grid-template-areas:
        "header"
        "main"
        "footer";
    overflow-y: auto;
}

.header[b-2e2i2bvbfl] {
    display: grid;
    grid-template-areas: "stack";
    grid-area: header;
    position: sticky;
    inset-block-start: 0;
    align-self: start;
    place-items: center;
    background-color: var(--color-layout);
    min-height: var(--size-4xl);
    padding-block: var(--space-xs);
    border-block-end: 1px solid var(--color-divider);
    box-shadow: 0 0.75rem 2rem var(--color-shadow);
    padding-inline: var(--space-lg);
    z-index: 10;

    .text {
        grid-area: stack;
        display: grid;
        grid-auto-rows: max-content;
        grid-row-gap: var(--space-2xs);
        justify-items: center;

        .title {
            color: var(--color-primary);
            font-size: var(--size-lg);
            letter-spacing: 1px;
        }

        .version[b-2e2i2bvbfl] {
            color: var(--color-text-muted);
            font-size: var(--size-sm);
        }
    }

    &[b-2e2i2bvbfl]  .back-button {
        grid-area: stack;
        justify-self: start;
    }
}

.main[b-2e2i2bvbfl] {
    grid-area: main;
}

.footer[b-2e2i2bvbfl] {
    grid-area: footer;
}


@media (width < 40rem) {
    .header[b-2e2i2bvbfl] {
        padding-inline: var(--space-xs);
    }
}
/* /Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-w9vxo3u8i6],
.components-reconnect-repeated-attempt-visible[b-w9vxo3u8i6],
.components-reconnect-failed-visible[b-w9vxo3u8i6],
.components-pause-visible[b-w9vxo3u8i6],
.components-resume-failed-visible[b-w9vxo3u8i6],
.components-rejoining-animation[b-w9vxo3u8i6] {
    display: none;
}

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

#components-reconnect-modal[b-w9vxo3u8i6] {
    width: 20rem;
    margin: 20vh auto;
    padding: var(--space-2xl);
    background-color: var(--color-surface-raised);
    color: var(--color-text);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: 0 1.25rem 3rem var(--color-shadow-floating);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-w9vxo3u8i6 0.5s both;
    outline: none;

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

    #components-reconnect-modal[b-w9vxo3u8i6]::backdrop {
        background-color: var(--color-backdrop);
        animation: components-reconnect-modal-fadeInOpacity-b-w9vxo3u8i6 0.5s ease-in-out;
        opacity: 1;
    }

.components-reconnect-container[b-w9vxo3u8i6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md);
}

#components-reconnect-modal p[b-w9vxo3u8i6] {
    margin: 0;
    color: var(--color-text-soft);
    text-align: center;
}

#components-reconnect-modal button[b-w9vxo3u8i6] {
    padding: var(--space-xs) var(--space-xl);
    background-color: var(--color-primary);
    color: var(--color-primary-text);
    border: 1px solid var(--color-primary);
    border-radius: var(--radius-sm);
}

    #components-reconnect-modal button:hover[b-w9vxo3u8i6] {
        background-color: var(--color-primary-hover);
        border-color: var(--color-primary-hover);
    }

    #components-reconnect-modal button:active[b-w9vxo3u8i6] {
        background-color: var(--color-primary-soft);
        color: var(--color-primary-emphasis);
    }

.components-rejoining-animation[b-w9vxo3u8i6] {
    position: relative;
    width: 5rem;
    height: 5rem;
}

    .components-rejoining-animation div[b-w9vxo3u8i6] {
        position: absolute;
        border: 3px solid var(--color-primary);
        opacity: 1;
        border-radius: var(--radius-full);
        animation: components-rejoining-animation-b-w9vxo3u8i6 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

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

@keyframes components-reconnect-modal-slideUp-b-w9vxo3u8i6 {
    0% {
        transform: translateY(1.875rem) scale(0.95);
    }

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

@keyframes components-rejoining-animation-b-w9vxo3u8i6 {
    0% {
        top: 2.5rem;
        left: 2.5rem;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 2.5rem;
        left: 2.5rem;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 2.5rem;
        left: 2.5rem;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0;
        left: 0;
        width: 5rem;
        height: 5rem;
        opacity: 0;
    }
}
/* /Modals/AdminModal.razor.rz.scp.css */

.company-option[b-74jvflm151] {
    display: grid;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    align-items: center;
    column-gap: var(--space-lg);
}
[b-74jvflm151] .option-image {
    border-radius: var(--radius-xs);
    height: var(--size-xl);
    width: var(--size-xl);
}
/* /Pages/Home/HomeLinkItem.razor.rz.scp.css */
.home-link-item[b-5ltrgl7zke] {
    background-color: var(--color-surface-raised);
    border: 1px solid var(--color-border-strong);
    box-shadow: 0 1.25rem 3rem var(--color-shadow);
    text-align: center;
    border-radius: 1rem;
    transition: all 0.4s ease;

    &:hover {
        background-color: var(--color-surface-overlay);
        border-color: var(--color-primary-soft);
    }
}

.link[b-5ltrgl7zke] {
    display: grid;
    grid-auto-rows: min-content;
    padding: var(--space-xl);
    gap: var(--space-xs);
    grid-template-columns: max-content 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "icon text";
}

.icon-wrapper[b-5ltrgl7zke] {
    display: grid;
    place-content: center;
    grid-area: icon;
    border-inline-end: 1px solid var(--color-border);
    padding-inline-end: var(--space-md);
    color: var(--color-primary);

    .empty {
    }

    &[b-5ltrgl7zke]  .icon {
        width: var(--size-xl);
        height: var(--size-xl);
    }
}

.text[b-5ltrgl7zke] {
    grid-area: text;
    display: grid;
    grid-auto-rows: max-content;
    gap: var(--space-2xs);
}

.title[b-5ltrgl7zke] {
    color: var(--color-text);
    font-weight: var(--font-bold);
    font-size: var(--font-xl);
}

.desc[b-5ltrgl7zke] {
    font-size: 0.9rem;
    color: var(--color-text-soft);
    font-size: var(--font-md);
}
/* /Pages/Home/HomePage.razor.rz.scp.css */
.home-page[b-04mkdo91nd] {
    display: grid;
    grid-auto-rows: max-content;
    gap: var(--space-3xl);
}

.header[b-04mkdo91nd] {
    padding-block-start: var(--space-3xl);

    h1 {
        outline: none;
        text-align: center;
        font-size: var(--font-6xl);
    }
}

.content[b-04mkdo91nd] {
    padding-inline: var(--space-3xl);
}

.link-list[b-04mkdo91nd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(18rem, 100%), 1fr));
    gap: var(--space-3xl);
}