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

/* /Components/CultureSelector.razor.rz.scp.css */
.culture-selector[b-er2zoj6vfc] {
    display: grid;
    
    .select-wrapper {
        align-content: center;
    }
}
/* /Components/FormFieldTemplate.razor.rz.scp.css */
.u-field[b-u7tvi1a6cg] {
    display: grid;
    grid-auto-rows: max-content;
    padding: 0;
}

.u-control-wrapper[b-u7tvi1a6cg] {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    transition: outline 0.25s ease;

    .u-control-icon-wrapper {
        color: var(--color-primary-emphasis);
    }

    &[data-has-icon][b-u7tvi1a6cg] {
        grid-template-columns: 1fr max-content;
    }
}
/* /Components/MobileMenu.razor.rz.scp.css */
.mobile-menu[b-wuwh21wvj1] {
    display: grid;
}

.menu-button[b-wuwh21wvj1] {
    align-self: center;
    anchor-name: --menu-button;
    background-color: transparent;
    color: var(--color-brand);

    .empty {
    }

    &[b-wuwh21wvj1]  .menu-icon {
        width: 2rem;
        height: 2rem;
    }
}

.menu-popover[b-wuwh21wvj1] {
    min-width: 13rem;
    position-anchor: --menu-button;
    position: fixed;
    inset: auto;
    inset-block-start: anchor(end);
    inset-inline-end: 0;
    grid-auto-rows: max-content;
    border-color: var(--color-border);
    background-color: var(--color-picker);
    border: 2px solid var(--color-border);
    border-inline-end: none;
    border-radius: var(--radius-sm) 0 0 var(--radius-sm);

    & .close-button {
        background-color: transparent;
        justify-self: end;
        color: var(--color-brand);
        padding: var(--space-sm);
        padding-block-start: var(--space-xs);
        padding-inline-end: var(--space-xs);
    }

    [b-wuwh21wvj1] .close-icon {
        width: calc(var(--card-icon-size) * 1.5);
        height: calc(var(--card-icon-size) * 1.5);
    }

    [dir="rtl"] &[b-wuwh21wvj1] {
        border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    }
}

/*#region Popover Animation */
.menu-popover[b-wuwh21wvj1] {
    --duration: 0.4s;
    --direction: 1;
    --transform: translateX(calc(120% * var(--direction)));
    transform: var(--transform);
    transition-property: transform, display, overlay;
    transition-duration: var(--duration);
    transition-behavior: allow-discrete;
    transition-timing-function: ease;

    [dir="rtl"] & {
        --direction: -1;
    }

    &:popover-open[b-wuwh21wvj1] {
        display: grid;
    }

    &:popover-open[b-wuwh21wvj1] {
        transform: translateX(0%);

        @starting-style {
            transform: var(--transform);
        }
    }

        &:popover-open[b-wuwh21wvj1]::backdrop {
            opacity: 0.8;

            @starting-style {
                opacity: 0;
            }
        }

    &[b-wuwh21wvj1]::backdrop {
        background-color: var(--color-backdrop);
        opacity: 0;
        transition-property: opacity, display, overlay;
        transition-duration: var(--duration);
        transition-behavior: allow-discrete;
        transition-timing-function: ease;
    }
}
/*#endregion Popover Animation */

.content[b-wuwh21wvj1] {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: max-content;
    gap: var(--space-md);
    padding-block: 0 var(--space-sm);
    padding-inline: var(--space-sm);

    .nav-links {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
        grid-auto-flow: row;
        gap: var(--space-xs) var(--space-xs);
    }

    .separator[b-wuwh21wvj1] {
        height: 1px;
        border: 0;
        background-color: var(--color-border);
    }

    .actions[b-wuwh21wvj1] {
        justify-self: center;
        padding: 0;
        height: 100%;
    }

    &[b-wuwh21wvj1]  .theme-button {
        height: 100%;
    }

    &[b-wuwh21wvj1]  .open-web-app {
        justify-self: center;
    }
}
/* /Components/RequestDemoButton.razor.rz.scp.css */
button[b-emvxtxh0rm] {
    background-color: var(--color-brand);
    color: var(--color-brand-text);
    border-radius: var(--radius-sm);
    border: 1px solid var(--color-brand);
    font-weight: 700;
    transition: filter 0.3s ease;

    &:hover {
        filter: brightness(1.05);
    }
}
/* /Components/ThemeButton.razor.rz.scp.css */
button[b-prutnkn29v] {
    display: grid;
    place-content: center;
    border-radius: var(--radius-full);
    background-color: var(--color-control);
    color: var(--color-text);
    aspect-ratio: 1;
    border: 1px solid var(--color-border);
}

[b-prutnkn29v] .theme-icon {
    width: var(--size-lg);
    height: var(--size-lg);
    color: inherit;
}

.theme-icon-wrapper[b-prutnkn29v] {
    display: none;
}

html[data-theme="dark"] .theme-icon-wrapper.dark[b-prutnkn29v] {
    display: block;
}

html[data-theme="light"] .theme-icon-wrapper.light[b-prutnkn29v] {
    display: block;
}

html[data-theme="system"] .theme-icon-wrapper.system[b-prutnkn29v] {
    display: block;
}
/* /Components/ThemeSelect.razor.rz.scp.css */
select[b-ka5tun1bys] {
    anchor-name: --toggle-button;
    display: flex;
    align-items: center;
    min-block-size: max-content;
    padding: 0.5rem 0.5rem;
    appearance: base-select;
    min-inline-size: 6.5rem;
    line-height: 1.05;
    cursor: pointer;
    border-radius: var(--radius-sm);
    border: 1px solid var(--color-border);

    &:open::picker(select) {
        display: grid;
        grid-template-columns: auto max-content;
        grid-auto-rows: max-content;
    }

    &[b-ka5tun1bys]::picker(select) {
        position-anchor: --toggle-button;
        inline-size: anchor-size(inline);
        margin-block-start: 0.25rem;
        appearance: base-select;
        background: var(--color-picker);
        color: var(--color-text);
        border: 1px solid var(--color-border);
        border-radius: 0.5rem;
        corner-shape: var(--corner-shape);
        box-shadow: 0 0.5rem 1.5rem var(--color-shadow);
        cursor: pointer;
    }

    &[b-ka5tun1bys]::picker-icon {
        font-size: 1rem;
        display: grid;
        place-content: center;
        aspect-ratio: 1;
        width: 1rem;
        transition: ease 0.4s;
        color: var(--color-brand);
        /*content: "";*/
    }

    &:open[b-ka5tun1bys]::picker-icon {
        rotate: 180deg;
    }

    & option[b-ka5tun1bys] {
        grid-column: 1 / -1;
        font-weight: normal;
        padding-inline: 0.5rem;
        padding-block: 0.75rem;
        display: grid;
        grid-template-columns: subgrid;
        align-items: center;
        outline: none; /* this prevent annoying un intent white border around it*/
    }

        & option:hover[b-ka5tun1bys] {
            background-color: var(--color-control-hover);
            color: var(--color-text);
        }
        /* not used */
        & option[b-ka5tun1bys]::checkmark {
            font-weight: normal;
            font-size: 1rem;
            color: var(--color-brand);
            content: "⦿";
            display: none;
        }

        & option:checked[b-ka5tun1bys] {
            background-color: var(--color-primary-soft);
            color: var(--color-brand);
        }
}

[b-ka5tun1bys] .icon {
    width: 1rem;
    height: 1rem;
}
/* /Layout/SiteFooter.razor.rz.scp.css */
.site-footer[b-efyxayl17y] {
    padding-inline: var(--layout-footer-padding-inline);
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: var(--layout-footer-column-gap);
    row-gap: var(--space-2xs);
}

.footer-brand[b-efyxayl17y] {
    display: flex;
    align-items: center;
    flex-flow: row;
    gap: var(--space-2xs);
    font-weight: bold;

    .footer-name {
        position: relative;
        inset-block-start: 1px;
        text-transform: uppercase;
        text-box: trim-both cap alphabetic;
        font-size: var(--layout-footer-brand-font-size);
    }

    .footer-logo[b-efyxayl17y] {
        width: var(--layout-footer-logo-size);
        height: var(--layout-footer-logo-size);
    }
}

.footer-text[b-efyxayl17y] {
    color: var(--color-text-soft);
    font-size: var(--layout-footer-text-font-size);
}

.footer-copy[b-efyxayl17y] {
    color: var(--color-text-muted);
    font-size: var(--layout-footer-copy-font-size);
}

@media (width <= 60rem) {
    .site-footer[b-efyxayl17y] {
        flex-direction: column;
        align-items: flex-start;
        padding-block: var(--space-md);
    }
}
/* /Layout/SiteHeader.razor.rz.scp.css */
.site-header[b-zvvvn4as19] {
    height: 100%;
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    grid-template-rows: 1fr;
    grid-template-areas:
        "brand nav actions";
    padding-inline: var(--layout-header-padding-inline);
    padding-block: var(--layout-header-padding-block);
    gap: var(--layout-header-column-gap);
}

.brand[b-zvvvn4as19] {
    grid-area: brand;
    display: grid;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    align-self: center;

    .brand-logo-wrapper {
        width: var(--layout-header-logo-width);

        .brand-logo {
            object-fit: contain;
        }
    }

    .brand-text[b-zvvvn4as19] {
        display: grid;
        grid-auto-rows: auto;
        gap: 0.135rem;
    }

    .brand-name[b-zvvvn4as19] {
        color: var(--color-text);
        font-weight: bold;
        font-size: var(--layout-header-brand-name-font-size);
    }

    .brand-tagline[b-zvvvn4as19] {
        color: var(--color-brand);
        font-size: var(--layout-header-brand-name-font-tagline);
        font-weight: 700;
        letter-spacing: 0.05em;

        &::after {
            content: ":G29";
            color: var(--color-text-muted);
        }
    }
}

.nav-links[b-zvvvn4as19] {
    grid-area: nav;
    height: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-self: center;
}

.actions[b-zvvvn4as19] {
    grid-area: actions;
    display: grid;
    grid-auto-columns: auto;
    column-gap: var(--layout-header-column-gap);

    .desktop-view {
        display: grid;
        grid-auto-columns: auto;
        grid-auto-flow: column;
        column-gap: calc(var(--layout-header-column-gap) * 0.5);
    }

    .mobile-view[b-zvvvn4as19] {
        display: none;
    }
}


@media (width <= 68rem) {
    .site-header[b-zvvvn4as19] {
        grid-template-columns: 1fr max-content;
        grid-template-areas:
            "brand actions";
    }

    .nav-links[b-zvvvn4as19] {
        display: none;
    }

    .actions[b-zvvvn4as19] {
        .desktop-view {
            display: none !important;
        }

        .mobile-view[b-zvvvn4as19] {
            display: grid !important;
        }
    }
}
/* /Layout/SiteLayout.razor.rz.scp.css */
.site-layout[b-5j1ci0dxtm] {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: max-content 1fr max-content;
    grid-template-areas:
        "header"
        "main"
        "footer";
    overflow-x: clip;
    overflow-y: auto;
    background: radial-gradient(circle at top left, var(--color-bg-accent-top-start), transparent 32rem), 
                radial-gradient(circle at top right, var(--color-bg-accent-top-end), transparent 34rem), 
                radial-gradient(circle at bottom left, var(--color-bg-accent-bottom-start), transparent 32rem), 
                radial-gradient(circle at bottom right, var(--color-bg-accent-bottom-end), transparent 36rem), 
                linear-gradient(180deg, var(--color-bg-accent-wash), transparent 22rem), 
                var(--color-bg);
}

header[b-5j1ci0dxtm] {
    z-index: 1;
    grid-area: header;
    inset-block-start: 0;
    position: sticky;
    align-self: start;
    height: var(--layout-header-height);
    background-color: color-mix(in srgb, var(--color-surface) 50%, transparent);
    backdrop-filter: blur(8px);
}

main[b-5j1ci0dxtm] {
    z-index: 0;
    grid-area: main;
}

footer[b-5j1ci0dxtm] {
    z-index: 0;
    grid-area: footer;
    display: grid;
    min-height: var(--layout-footer-height);
    align-self: end;
    border-block-start: 1px solid var(--color-border);
    background-color: color-mix(in srgb, var(--color-layout) 50%, transparent);
}

@media (pointer: fine) {
    .site-layout[b-5j1ci0dxtm] {
        &::-webkit-scrollbar {
            width: 0.6rem;
        }

        &[b-5j1ci0dxtm]::-webkit-scrollbar-track {
            background-color: color-mix(in srgb, var(--color-layout) 50%, transparent);
            border-radius: var(--radius-full);
        }

        &[b-5j1ci0dxtm]::-webkit-scrollbar-thumb {
            background-color: var(--color-border-strong);
            border-radius: var(--radius-full);
        }
    }
}

.skip-link[b-5j1ci0dxtm] {
    position: fixed;
    inset-block-start: var(--space-sm);
    inset-inline-start: var(--space-sm);
    z-index: 9999;
    translate: 0 -200%;
}

    .skip-link:focus-visible[b-5j1ci0dxtm] {
        translate: 0;
    }
/* /Pages/Home/HomePage.razor.rz.scp.css */
.home-page[b-b99b1ehsfu] {
    display: grid;
    grid-auto-rows: auto;
    padding-block-start: 0;
}
/* /Pages/Home/Modules/Changes/ChangesCard.razor.rz.scp.css */
.changes-card[b-ngr64eh610] {
    display: grid;
    grid-auto-rows: min-content;
    background-color: var(--color-surface);
}

.icon-wrapper[b-ngr64eh610] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-full);
    background-color: var(--color-control);
    width: max-content;
    aspect-ratio: 1;
    padding: calc(var(--card-icon-padding) * 1.5);
    justify-self: center;

    div {
    }

    &[b-ngr64eh610]  .icon {
        zoom: 1.5;
    }
}



.title[b-ngr64eh610] {
    justify-self: stretch;
    text-align: center;
    min-block-size: 2.3lh; /* Reserve 2.3 title lines */
    border-block-end: 1px solid var(--color-border);
}

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


/* /Pages/Home/Modules/Changes/ChangesFooterItem.razor.rz.scp.css */
.changes-footer-item[b-8nmi2bvsyw] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-template-rows: max-content max-content;
    grid-template-areas:
        "icon title"
        "icon description";
    border: none;
    background-color: transparent;
}

.icon-wrapper[b-8nmi2bvsyw] {
    grid-area: icon;
    display: grid;
    place-content: center;
    background-color: var(--color-surface);
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border);
    corner-shape: scoop;
    place-self: center;
}

.title[b-8nmi2bvsyw] {
    grid-area: title;
}

.description[b-8nmi2bvsyw] {
    grid-area: description;
}
/* /Pages/Home/Modules/Changes/ChangesModule.razor.rz.scp.css */
.changes-module[b-b2banztrea] {
    display: grid;
    grid-template-areas: "stack";
    isolation: isolate;
}

.visual[b-b2banztrea] {
    position: relative;
    grid-area: stack;
    z-index: 0;

    &::after {
        position: absolute;
        content: "";
        inset: 0;
        background-color: var(--color-bg);
        opacity: 0.6;
    }
}

.body[b-b2banztrea] {
    padding-block: var(--page-padding-block-end);
    grid-area: stack;
    display: grid;
    grid-auto-rows: auto;
    z-index: 1;
}

.header[b-b2banztrea] {
    display: grid;
    grid-template-rows: auto;
    justify-items: center;
    text-align: center;

    .title {
        span:nth-child(2) {
            color: var(--color-primary);
        }
    }
}

.list[b-b2banztrea] {
    display: grid;
    padding-inline: 0;
    grid-template-columns: repeat(auto-fit, minmax(min(13rem, 100%), 1fr));
}

.footer[b-b2banztrea] {
    height: min-content;
    display: grid;
    grid-template-columns: 1fr min-content 1fr;
    grid-auto-flow: column;
    background-color: var(--color-control);
    border-radius: var(--radius-full);
    justify-self: center;
    row-gap: calc(var(--module-footer-row-gap) * 2);
    column-gap: calc(var(--module-footer-column-gap) * 2);
    padding: calc(var(--module-footer-padding) * 2);

    .footer-item-seperator {
        width: 1px;
        align-self: center;
        background-color: var(--color-border);
        height: 100%;
    }
}

@media (width < 40rem) {
    .visual[b-b2banztrea] {
        display: none;
    }

    .footer[b-b2banztrea] {
        grid-template-columns: 1fr;
        grid-auto-flow: unset;
        grid-auto-rows: max-content;
        background-color: var(--color-control);
        border-radius: var(--radius-md);
        justify-self: unset;

        .footer-item-seperator {
            height: 1px;
            width: 50%;
            justify-self: center;
            background-color: var(--color-border);
        }
    }
}
/* /Pages/Home/Modules/Flow/FlowModule.razor.rz.scp.css */
.flow-module[b-zwpjps5w4m] {
    display: grid;
    grid-auto-rows: max-content;
}

.header[b-zwpjps5w4m] {
    display: grid;
    grid-auto-rows: max-content;
    justify-items: center;
    text-align: center;

    .eyebrow {
        border-radius: var(--radius-full);
    }
}

.content[b-zwpjps5w4m] {
    display: grid;
    padding: 0;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;

    @media (width <= 60rem ) {
        grid-auto-rows: max-content;
        grid-auto-flow: row;[b-zwpjps5w4m]
    }
}


.footer[b-zwpjps5w4m] {
    display: grid;
    grid-template-columns: auto 1fr;
    border: 1px solid var(--color-border);
    padding-block: calc(var(--module-footer-padding) * 1.5);
    padding-inline: calc(var(--module-footer-padding) * 3);
    border-radius: var(--radius-md);
    background-color: var(--color-surface);

    & * {
        border-color: transparent;
        background-color: transparent;
    }
}

.footer-main[b-zwpjps5w4m] {
    display: grid;
    grid-template-columns: max-content auto;
    grid-auto-flow: column;
    padding: 0;

    .icon-wrapper {
        display: grid;
        align-self: center;
        place-content: center;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-full);
        color: var(--color-primary);
    }

    .text-wrapper[b-zwpjps5w4m] {
        align-self: center;
    }

    .title[b-zwpjps5w4m] {
        color: var(--color-primary-strong);
    }
}

.footer-list[b-zwpjps5w4m] {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-items: start;
    justify-self: center;
    padding: 0;

    .footer-item {
        display: grid;
        grid-template-columns: max-content auto;
        align-items: center;
        border-inline-start: 1px solid var(--color-border);
        border-radius: 0;
    }

    &[b-zwpjps5w4m]  .item-icon {
        color: var(--color-primary);
    }
}



@media(width < 40rem) {
    .footer[b-zwpjps5w4m] {
        grid-template-columns: 1fr;
        grid-template-rows: max-content max-content;
        grid-auto-flow: row;
    }

    .footer-main[b-zwpjps5w4m] {
        .icon-wrapper {
            align-self: start;
        }
    }

    .footer-list[b-zwpjps5w4m] {
        justify-self: center;

        .footer-item {
            border-inline-start: 0;
        }
    }
}
/* /Pages/Home/Modules/Flow/FlowPanel.razor.rz.scp.css */
.flow-panel[b-uaf18dakl1] {
    --panel-bg: var(--color-bg);
    display: grid;
    grid-template-areas: "stack";
    overflow: hidden;
    background-color: var(--panel-bg);
    isolation: isolate;
}

.visual[b-uaf18dakl1] {
    grid-area: stack;
    z-index: 0;
}

.content[b-uaf18dakl1] {
    grid-area: stack;
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-rows: max-content;
    padding-block: calc(var(--module-content-padding-block) * 3);
    padding-inline: calc(var(--module-content-padding-inline) * 3);
}

.header[b-uaf18dakl1] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-template-rows: max-content max-content;
    grid-template-areas:
        "icon text"
        "description description";
    border-radius: var(--radius-md);
    width: fit-content;

    .icon-wrapper {
        grid-area: icon;
        place-self: center start;
        color: var(--color-primary);
        background-color: var(--color-layout);
        display: grid;
        place-content: center;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-full);
    }

    &[b-uaf18dakl1]  .icon {
        zoom: 1.2;
    }

    .text[b-uaf18dakl1] {
        grid-area: text;
        display: grid;
        grid-auto-rows: max-content;

        .badge {
            border: none;
            border-radius: var(--radius-full);
            grid-template-columns: 1fr;
            padding-block: calc(var(--badge-padding-block) * 0.75);
        }
    }

    .description[b-uaf18dakl1] {
        grid-area: description;
        color: var(--color-text);
        min-height: 2lh;
    }
}

.list[b-uaf18dakl1] {
    display: grid;
    justify-self: start;
    grid-auto-rows: 1fr;
    counter-reset: item;
    border-radius: var(--radius-md);

    [dir="rtl"] & {
        justify-self: end;
    }

    .item[b-uaf18dakl1] {
        counter-increment: item;
        background-color: transparent;
        border-color: transparent;
        display: flex;
        align-items: center;
        padding: 0;

        &:before {
            display: grid;
            place-content: center;
            content: counter(item);
            background-color: var(--color-primary);
            color: var(--color-primary-text);
            padding: calc(var(--list-item-icon-padding) * 0.75);
            border-radius: var(--radius-full);
            height: 100%;
            aspect-ratio: 1;
        }
    }
}

.action[b-uaf18dakl1] {
    border-radius: var(--radius-full);
    color: var(--color-primary);
    background-color: var(--color-bg);
    font-weight: var(--font-normal);

    &[data-disabled] {
        color: var(--color-text-muted);
        background-color: var(--color-control);
        cursor: not-allowed;
        pointer-events: none;
        opacity: 0.7;
    }

    [dir="rtl"] &[b-uaf18dakl1]  .icon {
        rotate: 180deg;
    }
}

.bg-blur[b-uaf18dakl1] {
    background-color: rgb(from var(--color-bg) r g b / 0.5);
    backdrop-filter: blur(10px);
}

@media (width < 40rem) {
    .bg-blur[b-uaf18dakl1] {
        background-color: transparent;
        backdrop-filter: none;
    }

    .content[b-uaf18dakl1] {
        &:before {
            z-index: -1;
            position: absolute;
            content: "";
            inset: 0;
            background-color: var(--color-bg);
            opacity: 0.7;
        }
    }

    .header[b-uaf18dakl1] {
        .description {
            max-inline-size: 100% !important;
        }
    }

    .list[b-uaf18dakl1] {
        justify-self: stretch !important;
        padding: 0;
    }
}
/* /Pages/Home/Modules/Hero/HomeHeroModule.razor.rz.scp.css */
.home-hero-module[b-6l9ogl7aks] {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 4fr 2fr 4fr;
    width: min(110rem, 100%);
}

.visual[b-6l9ogl7aks] {
    z-index: 0;
    grid-column: 2 / span 2;
    grid-row: 1;
    transition: opacity 0.4s ease;

    &:after {
        position: absolute;
        content: "";
        inset: 0;
        background-image: linear-gradient(90deg, var(--color-bg) 0%, transparent 40%);
    }

    [dir="rtl"] &[b-6l9ogl7aks]:after {
        background-image: linear-gradient(270deg, var(--color-bg) 0%, transparent 40%);
    }
}

.body[b-6l9ogl7aks] {
    z-index: 1;
    grid-column: 1 / span 2;
    grid-row: 1;
    display: grid;
    grid-auto-rows: auto;
    padding-block: var(--page-padding-block-start);
}

.header[b-6l9ogl7aks] {
    display: grid;
    grid-auto-rows: auto;

    .eyebrow {
        background-color: var(--color-brand-soft);
        color: var(--color-brand);
        border-color: var(--color-brand);
    }

    .title[b-6l9ogl7aks] {
        color: var(--color-text);

        span:nth-child(1) {
            color: var(--color-text);
        }

        span:nth-child(2)[b-6l9ogl7aks] {
            color: var(--color-primary);
        }
    }

    .description[b-6l9ogl7aks] {
        max-width: 50rem;
        font-size: var(--module-header-description-font-size);
        color: var(--color-text-soft);
        text-wrap: pretty;
    }
}

.content[b-6l9ogl7aks] {
    display: grid;
    grid-auto-rows: auto;
    padding: 0;
}

.tags[b-6l9ogl7aks] {
    display: flex;
    flex-flow: row wrap;
    padding: 0;

    .tag {
        background-color: var(--color-surface);
        color: var(--color-text);
    }

    [b-6l9ogl7aks] .tag-icon {
        color: var(--color-primary);
    }
}

.actions[b-6l9ogl7aks] {
    display: flex;
    flex-flow: row wrap;
    padding: 0;
}

.footer[b-6l9ogl7aks] {
    display: flex;
    flex-flow: row wrap;

    .tag {
        padding: 0;
        color: var(--color-text-muted);
        border-color: transparent;
        background-color: transparent;
    }

    &[b-6l9ogl7aks]  .u-badge-icon {
        color: var(--color-primary);
    }
}

   

@media (width <= 60rem) {
    .home-hero-module[b-6l9ogl7aks] {
        display: grid;
        grid-template-rows: 1fr;
        grid-template-columns: 1fr;
        padding: 0;
    }

    .visual[b-6l9ogl7aks] {
        grid-area: 1 / 1;
        opacity: 0.2;
        border-radius: 0;

        &:after {
            display: none;
        }
    }

    .body[b-6l9ogl7aks] {
        grid-area: 1 / 1;
        padding-inline: 3vw;
    }
}
/* /Pages/Home/Modules/Pilot/PilotCard.razor.rz.scp.css */
.pilot-card[b-rjyezzypft] {
    display: grid;
    grid-auto-rows: auto;
    background-color: var(--color-surface);
}

.header[b-rjyezzypft] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-template-rows: max-content 1fr;
    grid-template-areas:
        "icon title"
        "icon description";

    .icon-wrapper {
        grid-area: icon;
        display: grid;
        place-content: center;
        place-self: start;
        border-radius: var(--radius-full);
        border: 1px solid var(--color-border);
        background-color: var(--color-primary);
    }

    &[b-rjyezzypft]  .icon {
        zoom: 1.23;
        color: var(--color-surface);
    }

    .title[b-rjyezzypft] {
        grid-area: title;
    }

    .description[b-rjyezzypft] {
        grid-area: description;
    }
}



.badge-list[b-rjyezzypft] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(9rem, 100%), 1fr));
    grid-auto-rows: max-content;
    padding-inline: 0;
    padding-block-end: 0;

    .badge {
        width: 100%;
    }

    &[b-rjyezzypft]  .badge-icon {
        zoom: 1.18;
        color: var(--color-primary);
    }
}
/* /Pages/Home/Modules/Pilot/PilotFooter.razor.rz.scp.css */
.pilot-footer[b-lci7r20x26] {
    background-color: var(--color-control);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: max-content;
    grid-template-areas:
        "main list actions";
}

.main[b-lci7r20x26] {
    grid-area: main;
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-template-rows: max-content max-content;
    grid-template-areas:
        "icon title"
        "icon description";
    background-color: transparent;
    border: none;
    align-self: center;

    .icon-wrapper {
        grid-area: icon;
        background: var(--color-surface);
        border-radius: var(--radius-full);
        align-self: start;
        border: 1px solid var(--color-border);
        color: var(--color-primary);
    }

    .title[b-lci7r20x26] {
        grid-area: title;
    }

    .description[b-lci7r20x26] {
        grid-area: description;
    }
}

.list[b-lci7r20x26] {
    grid-area: list;
    display: grid;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    align-items: start;
    align-self: center;
    border-inline: 1px solid var(--color-border);

    .item {
        display: grid;
        grid-template-columns: max-content 1fr;
        grid-template-rows: max-content max-content;
        grid-template-areas:
            "icon title"
            "icon description";
        background-color: transparent;
        border: none;
        padding: 0;

        .title {
            grid-area: title;
        }

        .description[b-lci7r20x26] {
            grid-area: description;
        }

        &[b-lci7r20x26]  .icon {
            grid-area: icon;
            color: var(--color-primary);
        }
    }
}

.actions[b-lci7r20x26] {
    grid-area: actions;
    align-self: center;
    display: grid;
    grid-auto-rows: max-content;
    grid-template-columns: max-content 1fr;


    .action {
        display: grid;
        grid-template-columns: subgrid;
        grid-column: 1 / -1;
        width: 100%;
        grid-auto-flow: column;
    }

    [dir="rtl"] &[b-lci7r20x26]  .icon.arrow {
        rotate: 180deg;
    }
}

@media (width <= 80rem) {
    .pilot-footer[b-lci7r20x26] {
        grid-template-columns: 1fr max-content;
        grid-template-rows: max-content max-content;
        grid-template-areas:
            "main actions"
            "list actions";
        padding-block: calc(var(--module-footer-padding) * 3);
    }

    .list[b-lci7r20x26] {
        border-block-start: 1px solid var(--color-border);
        padding-block-end: 0;
        border-inline: none;
    }
}

@media (width <= 50rem) {
    .pilot-footer[b-lci7r20x26] {
        grid-template-columns: 1fr;
        grid-template-rows: max-content max-content max-content;
        grid-template-areas:
            "main"
            "list"
            "actions";
        padding-block: calc(var(--module-footer-padding) * 3);
    }

    .list[b-lci7r20x26] {
        border-block: 1px solid var(--color-border);
        padding-block: var(--module-footer-list-padding-block);
        border-inline: none;
        row-gap: calc(var(--module-footer-list-row-gap) * 1.25);
    }

    .actions[b-lci7r20x26] {
        grid-template-columns: none;
        grid-auto-columns: max-content;
        grid-auto-flow: column;

        .action {
            display: grid;
            grid-template-columns: max-content 1fr;
            grid-column: auto;
            width: max-content;
        }
    }
}

@media (width <= 32rem) {
    .list[b-lci7r20x26] {
        display: grid;
        grid-auto-rows: max-content;
        grid-auto-flow: row;
    }

    .actions[b-lci7r20x26] {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        column-gap: calc(var(--actions-column-gap) * 0.25);

        .action {
            padding-block: calc(var(--action-padding-block) * 0.9);
            padding-inline: calc(var(--action-padding-inline) * 0.65);
        }
    }
}
/* /Pages/Home/Modules/Pilot/PilotModule.razor.rz.scp.css */
.pilot-module[b-97ommou3fg] {
    display: grid;
    grid-auto-rows: max-content;
}

.header[b-97ommou3fg] {
    display: grid;
    grid-auto-rows: max-content;
    justify-items: center;
    text-align: center;

    .eyebrow {
        border-radius: var(--radius-full);
    }

    .title[b-97ommou3fg] {
        display: grid;
        grid-auto-rows: max-content;

        span:last-child {
            color: var(--color-primary);
        }
    }
}

.list[b-97ommou3fg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(25rem, 100%), 1fr));
    overflow: visible;
}


@media(width < 32rem) {
    .list[b-97ommou3fg] {
        padding-inline: 0;
    }
}
/* /Pages/Home/Modules/Shift/ShiftListItem.razor.rz.scp.css */
.shift-list-item[b-hc8vrdacj0] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-template-rows: max-content max-content;
    grid-template-areas:
        "icon title"
        "icon description";

    .icon-wrapper {
        grid-area: icon;
        align-self: center;
        padding: var(--list-item-icon-padding);
        border: 1px solid var(--color-border);
        border-radius: var(--radius-full);
        background-color: var(--color-layout);
        corner-shape: squircle;
    }

    .title[b-hc8vrdacj0] {
        grid-area: title;
    }

    .description[b-hc8vrdacj0] {
        grid-area: description;
    }
}
/* /Pages/Home/Modules/Shift/ShiftModule.razor.rz.scp.css */
.shift-module[b-l1o4wx6hnh] {
    display: grid;
    grid-auto-rows: auto;
}

.header[b-l1o4wx6hnh] {
    display: grid;
    justify-items: center;
    text-align: center;

    .title {
        .title1 {
            color: var(--color-danger);
        }

        .title2[b-l1o4wx6hnh] {
            color: var(--color-brand);
        }
    }

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

.content[b-l1o4wx6hnh] {
    display: grid;
    padding: 0;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas:
        "old new";

    .vs {
        grid-column: 1 / -1;
        grid-row: 1 / -1;
        place-self: center;
        z-index: 1;
        aspect-ratio: 1;
        font-weight: var(--font-bold);
        align-content: center;
        border-radius: var(--radius-full);
        font-size: clamp(var(--font-md), calc(0.9470rem + 0.2525vw), var(--font-xl));
        padding: clamp(var(--space-lg), calc(1.0909rem + 0.7576vw), var(--space-2xl));
        box-shadow: 0 1.25rem 3rem var(--color-shadow-floating);
    }
}


.panel[b-l1o4wx6hnh] {
    display: grid;
    grid-auto-rows: max-content;
    height: max-content;

    &.old {
        grid-area: old;
    }

    &.new[b-l1o4wx6hnh] {
        grid-area: new;
    }

    .panel-visual[b-l1o4wx6hnh] {
        border-radius: var(--radius-md);
    }
}

.property-list[b-l1o4wx6hnh] {
    display: grid;
    grid-auto-rows: max-content;
    padding-inline: 0;
}

.old[b-l1o4wx6hnh]  :is(.shift-list-item .icon, .panel-title) {
    color: var(--color-danger);
}

.new[b-l1o4wx6hnh]  :is(.shift-list-item .icon, .panel-title) {
    color: var(--color-brand);
}


.footer[b-l1o4wx6hnh] {
    display: flex;
    flex-flow: row wrap;
    justify-self: center;
    background-color: var(--color-surface);
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border);
}

@media (width <= 60rem) {
    .content[b-l1o4wx6hnh] {
        display: grid;
        padding: 0;
        grid-template-columns: 1fr;
        grid-template-rows: auto min-content 0rem min-content auto;
        grid-template-areas: none;


        .vs {
            grid-column: 1;
            grid-row: 3 / span 1;
            align-content: center;
        }

        .panel[b-l1o4wx6hnh] {
            &.old {
                grid-column: 1;
                grid-row: 1 / span 2;
            }

            &.new[b-l1o4wx6hnh] {
                grid-column: 1;
                grid-row: 4 / span 2;
            }
        }
    }


}

@media (width <= 32rem) {
    .footer[b-l1o4wx6hnh] {
        display: grid;
        grid-auto-rows: max-content;
        justify-self: center;

        .action {
            width: 100%;
        }
    }
}
/* /Pages/Pilot/Modules/Confidence/ConfidenceCard.razor.rz.scp.css */
.confidence-card[b-av37a544pz] {
    display: grid;
    grid-auto-rows: max-content;
    corner-shape: bevel;


}

.header[b-av37a544pz] {
    display: contents;

    .icon-wrapper {
        place-self: start;
        border-radius: var(--radius-md);
        border: 1px solid var(--color-border);
        corner-shape: bevel;
    }

    &[b-av37a544pz]  .icon {
        zoom: 1.5;
        color: var(--color-primary-emphasis);
    }
}


@media (width < 40rem) {
    .header[b-av37a544pz] {
        display: grid;
        align-items: center;
        grid-template-columns: max-content 1fr;
    }
}
/* /Pages/Pilot/Modules/Confidence/ConfidenceModule.razor.rz.scp.css */
.confidence-module[b-5sjdm69xel] {
    display: grid;
    grid-auto-rows: max-content;
}

.header[b-5sjdm69xel] {
    display: grid;
    grid-auto-rows: max-content;

    .eyebrow {
        corner-shape: bevel;
    }

    .description[b-5sjdm69xel] {
        text-wrap: balance;
    }
}

.list[b-5sjdm69xel] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(16rem, 100%), 1fr));
    padding-inline: 0;
}

/*#region footer*/
.footer[b-5sjdm69xel] {
    display: grid;
    grid-template-columns: 3fr 1.5fr 1fr;
    grid-template-areas: "list description action";
    background-color: var(--color-surface);
    align-items: center;
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border);
    corner-shape: bevel;

    .footer-list {
        grid-area: list;
    }

    .footer-description[b-5sjdm69xel] {
        grid-area: description;
    }

    .footer-action[b-5sjdm69xel] {
        grid-area: action;
        corner-shape: bevel;
    }
}

.footer-list[b-5sjdm69xel] {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
}

.footer-item[b-5sjdm69xel] {
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    grid-template-rows: max-content;
    grid-template-areas: "icon title separator";
    align-items: center;

    .icon-wrapper {
        grid-area: icon;
        background-color: var(--color-primary-soft);
        display: grid;
        place-content: center;
        border-radius: var(--radius-md);
        corner-shape: bevel;
        background-color: var(--color-control-soft);
        border: 1px solid var(--color-border);
    }

    &[b-5sjdm69xel]  .icon {
        color: var(--color-primary-emphasis);
    }

    .title[b-5sjdm69xel] {
        grid-area: title;
    }
}

    .footer-item[b-5sjdm69xel]::after {
        grid-area: separator;
        content: "";
        width: 1px;
        background-color: var(--color-border);
        height: 100%;
    }
/*#endregion footer*/


@media (width < 60rem) {
    .footer[b-5sjdm69xel] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: max-content max-content;
        grid-template-areas:
            "list list"
            "description action";
        padding: calc(var(--module-footer-padding) * 3);

        .footer-item {
            padding-inline-start: 0;

            &:last-child {
                &::after {
                    display: none;
                }
            }
        }

        .footer-list[b-5sjdm69xel] {
            padding: 0;
        }

        .footer-action[b-5sjdm69xel] {
            align-self: center;
            justify-self: end;
        }
    }
}

@media (width < 40rem) {
    .footer[b-5sjdm69xel] {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: max-content max-content max-content;
        grid-template-areas:
            "list"
            "description"
            "action";
        padding: calc(var(--module-footer-padding) * 3);
    }

    .footer-list[b-5sjdm69xel] {
        grid-auto-columns: auto;
        grid-auto-flow: row;
        grid-auto-rows: max-content;
    }

    .footer-item[b-5sjdm69xel] {
        display: grid;
        grid-template-columns: max-content 1fr;
        grid-template-rows: max-content max-content;
        grid-template-areas:
            "icon      title"
            "separator separator";
        align-items: center;
    }

        .footer-item[b-5sjdm69xel]::after {
            height: 1px;
            width: 100%;
        }

    .footer-action[b-5sjdm69xel] {
        width: 100%;
        justify-content: center;
    }
}
/* /Pages/Pilot/Modules/Fit/FitCard.razor.rz.scp.css */
.fit-card[b-lwl9p94ym5] {
    display: grid;
    grid-auto-rows: max-content;
    grid-template-areas:
        "header"
        "seperator"
        "description";
    text-align: center;
}

.header[b-lwl9p94ym5] {
    grid-area: header;
    display: grid;
    grid-auto-rows: max-content;

    .icon-wrapper {
        justify-self: center;
        corner-shape: squircle;
        border-radius: var(--radius-full);
        border: 1px solid var(--color-border);
    }

    &[b-lwl9p94ym5]  .icon {
        color: var( --color-primary);
        zoom: 2;
    }

    .title[b-lwl9p94ym5] {
        min-block-size: 2lh; /* Reserve 2 title lines */
    }
}

.seperator[b-lwl9p94ym5] {
    grid-area: seperator;
    height: 1px;
    background-color: var(--color-primary);
    width: 18%;
    border: none;
    justify-self: center;
}

.description[b-lwl9p94ym5] {
    grid-area: description;
}
/* /Pages/Pilot/Modules/Fit/FitModule.razor.rz.scp.css */
.fit-module[b-m41cuifx1v] {
    display: grid;
    grid-auto-rows: max-content;
}

.header[b-m41cuifx1v] {
    display: grid;
    grid-auto-rows: max-content;

    .description {
        max-width: 40rem;
        text-wrap: balance;
    }
}

.list[b-m41cuifx1v] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(16rem, 100%), 1fr));
    padding: 0;
}

.footer[b-m41cuifx1v] {
    position: relative;
    background-color: var(--color-surface);
    padding-inline: calc(var(--module-footer-padding) * 4);
    padding-block: calc(var(--module-footer-padding) * 3);
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border);
    isolation: isolate;
    overflow: hidden;

    .main {
        z-index: 2;
        display: grid;
        grid-template-columns: max-content max-content 1fr;
        grid-template-rows: 1fr;
        grid-template-areas: "icon seperator text";

        .icon-wrapper {
            grid-area: icon;
            background-color: var(--color-control-soft);
            place-self: center;
            color: var(--color-primary);
            border: 1px solid var(--color-border);
            border-radius: var(--radius-full);
            corner-shape: squircle;
        }

        &[b-m41cuifx1v]  .icon {
            zoom: 1.5;
        }

        .seperator[b-m41cuifx1v] {
            grid-area: seperator;
            width: 1px;
            background-color: var(--color-primary-emphasis);
        }

        .text-wrapper[b-m41cuifx1v] {
            grid-area: text;
            display: grid;
            grid-auto-rows: max-content;
            align-self: center;
        }



        @media (width < 40rem) {
            row-gap: calc(var(--module-footer-main-row-gap) * 2);
            text-align: center;
            grid-template-columns: 1fr;
            grid-template-rows: max-content max-content max-content;
            grid-template-areas:
                "icon"
                "seperator"
                "text";

            .seperator[b-m41cuifx1v] {
                justify-self: center;
                width: 20%;
                height: 1px;
            }
        }
    }

    .visual[b-m41cuifx1v] {
        position: absolute;
        inset: 0;
        justify-self: end;
        align-self: center;
        z-index: 1;
        height: 80%;
        width: 32%;
        background-image: radial-gradient(circle, var(--color-primary) 1px, transparent 1px);
        background-size: 0.75rem 0.75rem;
        background-repeat: repeat;
        background-position: center;
        opacity: 0.8;
        pointer-events: none;
        /* Mask logic: black = visible, transparent = hidden */
        mask-image: linear-gradient(90deg, transparent, black 50%, black 90%, transparent 100%);

        [dir="rtl"] & {
            mask-image: linear-gradient(-90deg, transparent, black 50%, black 90%, transparent 100%);
        }

        @media (width < 40rem) {
            mask-image: none !important;
            width: 100%;
            height: 95%;
            opacity: 0.18;[b-m41cuifx1v]
        }
    }
}
/* /Pages/Pilot/Modules/Form/FormModule.razor.rz.scp.css */
.form-module[b-20oozmc1jj] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 1fr;
    grid-template-areas: "body form";

    @media (width < 70rem) {
        grid-template-columns: 1fr;
        grid-template-rows: max-content max-content;
        grid-template-areas:
            "body"
            "form";[b-20oozmc1jj]
    }
}


.body[b-20oozmc1jj] {
    grid-area: body;
    display: grid;
    grid-auto-rows: max-content;
}

.header[b-20oozmc1jj] {
    display: grid;
    grid-auto-rows: max-content;
}


.list[b-20oozmc1jj] {
    display: grid;
    grid-auto-rows: max-content;
    padding: 0;


    .item {
        background-color: transparent;
        border: none;
        display: grid;
        grid-template-columns: max-content 1fr;
        grid-auto-rows: max-content;
        grid-template-areas:
            "icon title"
            "icon description";

        .icon-wrapper {
            grid-area: icon;
            border: 1px solid var(--color-border);
            align-content: center;
            align-self: start;
            corner-shape: squircle;
            border-radius: var(--radius-full);
            background-color: var(--color-surface);
        }

        &[b-20oozmc1jj]  .icon {
            color: var(--color-primary-emphasis);
            zoom: 1;
        }

        .title[b-20oozmc1jj] {
            grid-area: title;
        }

        .description[b-20oozmc1jj] {
            grid-area: description;
        }
    }
}
/* /Pages/Pilot/Modules/Form/PilotForm.razor.rz.scp.css */
.pilot-form[b-on2knxc9jx] {
    grid-area: form;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: max-content;
    grid-auto-flow: row;
    border: 1px solid var(--color-border);
    background-color: var(--color-surface);
    border-radius: var(--radius-md);
    scroll-margin-block-start: calc(var(--layout-header-height) + 0.5rem);

    @media (width < 45rem) {
        grid-template-columns: 1fr;[b-on2knxc9jx]
    }
}

[b-on2knxc9jx] .message-field {
    grid-column: 1/ -1;
    .u-control-icon-wrapper {
        align-self: end;
    }
}

[dir=rtl] input[type="tel"][b-on2knxc9jx] {
    direction: rtl;
}

textarea[b-on2knxc9jx] {
    resize: none;
}

.agreement-field[b-on2knxc9jx] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: max-content 1fr;
    align-items: center;
    row-gap: var(--field-row-gap);
    column-gap: var(--field-column-gap);

    label {
        padding: 0;
        cursor: pointer;
        font-weight: var(--font-normal);
        text-wrap: wrap;
    }
}

.footer[b-on2knxc9jx] {
    grid-column: 1 / -1;
    display: grid;
    grid-auto-rows: max-content;
    padding: 0;

    button {
        width: 100%;
        justify-content: center;
        font-weight: var(--font-normal);
    }

    .item[b-on2knxc9jx] {
        display: grid;
        grid-template-columns: max-content 1fr;
        justify-self: center;
        align-items: center;
        padding: 0;

        .icon-wrapper {
            padding: 0;
        }
    }
}
/* /Pages/Pilot/Modules/Hero/Footer/PilotHeroFooterItem.razor.rz.scp.css */
.pilot-hero-footer-item[b-k1e2746eu4] {
    position: relative;
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    grid-template-rows: max-content max-content;
    grid-template-areas:
        "icon title       separator"
        "icon description separator";

    .icon-wrapper {
        display: grid;
        place-self: start;
        border-radius: var(--radius-full);
        border: 1px solid var(--color-border);
        grid-area: icon;
    }

    &[b-k1e2746eu4]  .icon-wrapper .icon {
        color: var(--color-primary-emphasis);
    }

    .title[b-k1e2746eu4] {
        grid-area: title;
    }

    .description[b-k1e2746eu4] {
        grid-area: description;
    }

    &:not(:last-child)[b-k1e2746eu4]::after {
        grid-area: separator;
        display: block;
        position: relative;
        content: "";
        height: 100%;
        width: 1px;
        background-color: var(--color-border);
    }

    @media (width < 60rem) {
        display: grid;
        grid-template-columns: max-content 1fr;
        grid-template-rows: max-content max-content max-content;
        grid-template-areas:
            "icon      title      "
            "icon      description"
            "separator separator  ";

        &:not(:last-child)[b-k1e2746eu4]::after {
            height: 1px;
            width: 100%;
            background-color: var(--color-border);
        }
    }
}
/* /Pages/Pilot/Modules/Hero/PilotHeroModule.razor.rz.scp.css */
/*********** Galia ***********/
.pilot-hero-module[b-u82zncc077] {
    --hero-card-padding: calc(var(--card-padding) * 0.5);
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: max-content max-content;
    grid-template-areas:
        "body visual"
        "footer footer";
    width: min(110rem, 100%);

    @media(width < 80rem) {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3,max-content);
        grid-template-areas:
            "body"
            "visual"
            "footer";[b-u82zncc077]
    }
}


.body[b-u82zncc077] {
    grid-area: body;
    padding: 0;
    display: grid;
    grid-auto-rows: max-content;

    .header {
        display: grid;
        grid-auto-rows: max-content;
    }

    .title[b-u82zncc077] {
        span:first-child {
            color: var(--color-text);
        }

        span:nth-child(2)[b-u82zncc077] {
            color: var(--color-primary);
        }
    }

    .content[b-u82zncc077] {
        display: grid;
        grid-auto-rows: max-content;
        padding: 0;
    }

    .badge-list[b-u82zncc077] {
        display: grid;
        padding: 0;
        grid-template-columns: repeat(4, max-content);
        justify-items: start;

        .badge {
            width: 100%;
            height: 100%;
            padding-inline: var(--badge-padding-block);
        }

        &[b-u82zncc077]  .icon {
            color: var(--color-primary-emphasis);
            zoom: 1.5;
        }

        @media(width < 40rem) {
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: repeat(2, max-content);[b-u82zncc077]
        }
    }
}


.action[b-u82zncc077] {
    @media(width <= 32rem){
        width: 100%;
        justify-content: center;[b-u82zncc077]
    }
}


.footer[b-u82zncc077] {
    grid-area: footer;
    background-color: var(--color-surface);
    border-radius: var(--radius-md);
    overflow: hidden;
    border: 1px solid var(--color-border);

    .list {
        display: grid;
        grid-template-columns: auto;
        grid-auto-flow: column;
    }

    .seperator[b-u82zncc077] {
        width: 1px;
        background-color: var(--color-border);
    }

    @media(width < 60rem) {
        .list[b-u82zncc077] {
            display: grid;
            grid-template-columns: auto;
            grid-auto-rows: auto;
            grid-auto-flow: row;
        }

        .seperator[b-u82zncc077] {
            display: none;
        }
    }
}


.visual[b-u82zncc077] {
    display: grid;
    grid-template-columns: 1fr 0.6fr 1fr;
    grid-template-rows: repeat(8, 1fr);
    grid-template-areas:
        "site      .    process"
        "site      flow process"
        "site      flow process"
        "site      flow process"
        "equipment flow process"
        "equipment flow process"
        "equipment flow plan"
        "equipment .    plan";

    @media(width < 60rem) {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: minmax(18rem, 1fr) max-content max-content;
        grid-template-areas:
            "site equipment"
            "flow process"
            "flow plan";[b-u82zncc077]
    }

    @media(width < 40rem) {
        grid-template-columns: 1fr;
        grid-template-rows: 16rem 16rem 26rem max-content max-content;
        grid-template-areas:
            "site"
            "equipment"
            "flow"
            "process"
            "plan";[b-u82zncc077]
    }
}

/* /Pages/Pilot/Modules/Hero/Visual/EquipmentCard.razor.rz.scp.css */
.equipment-card[b-nmlixv3xp9] {
    grid-area: equipment;
    background-color: var(--color-control-soft);
    display: grid;
    padding: var(--hero-card-padding);
    grid-template-rows: max-content 1fr;
    grid-template-areas:
        "header"
        "list";
}

.header[b-nmlixv3xp9] {
    grid-area: header;
    display: grid;
    grid-template-columns: max-content 1fr;
    align-items: center;

    .title {
    }

    &[b-nmlixv3xp9]  .icon {
        zoom: 1;
    }
}

.list[b-nmlixv3xp9] {
    grid-area: list;
    height: 100%;
    display: grid;
    grid-auto-rows: 1fr;
    padding: 0;
}

.list-item[b-nmlixv3xp9] {
    background-color: transparent;
    padding: 0;
    border: none;
    border-block-end: 1px solid var(--color-border);
    border-radius: 0;
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 2fr;
    grid-template-areas:
        "image title"
        "image status";

    &:last-child {
        border-block-end: none;
    }

    .image-wrapper[b-nmlixv3xp9] {
        grid-area: image;
        border-radius: var(--radius-sm);

        & > img {
            object-fit: contain;
        }
    }

    .title[b-nmlixv3xp9] {
        grid-area: title;
        align-self: end;
        font-weight: normal;
    }

    .status[b-nmlixv3xp9] {
        grid-area: status;
        align-self: start;
        display: flex;
        align-items: center;
        gap: calc(var(--list-item-column-gap) * 0.4);

        &::before {
            grid-row: 2;
            grid-column: 1;
            content: "●";
            line-height: 1;
            color: var(--color-success);
        }
    }
}
/* /Pages/Pilot/Modules/Hero/Visual/FlowDiagram.razor.rz.scp.css */
.flow-diagram[b-3177nabmnd] {
    position: relative;
    grid-area: flow;
    display: grid;
    grid-auto-rows: max-content;
    align-content: space-between;
    border: none;
}

.flow-node[b-3177nabmnd] {
    display: grid;
    grid-auto-rows: max-content;
    padding: calc(var(--card-padding) * 0.25);
    padding-inline: 0;
    row-gap: calc(var(--card-row-gap) * 0.25);
    align-items: center;
    justify-items: center;
    border: none;
    background-color: transparent;

    .footer {
        display: grid;
        grid-auto-rows: max-content;
        text-align: center;
        row-gap: calc(var(--card-footer-row-gap) * 0.5);
    }

    .title[b-3177nabmnd] {
        font-size: calc(var(--card-title-font-size) * 0.9);
        line-height: 1.2;
    }

    .description[b-3177nabmnd] {
        font-size: calc(var(--card-description-font-size) * 0.9);
    }

    &[b-3177nabmnd]  .icon {
        zoom: 2;
        color: var(--color-primary-emphasis);
    }

    &.truck[b-3177nabmnd] {
        anchor-name: --truck-node;
    }

    &.cloud[b-3177nabmnd] {
        anchor-name: --cloud-node;
    }

    &.certificate[b-3177nabmnd] {
        anchor-name: --certificate-node;
    }
}

.connector[b-3177nabmnd] {
    position: absolute;
    justify-self: anchor-center;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr min-content min-content;

    .line {
        grid-row: 1 / span 2;
        grid-column: 1;
        justify-self: center;
        border-inline: 1px dashed var(--color-text-soft);
    }

    .chevron[b-3177nabmnd] {
        position: relative;
        grid-row: 2 / span 2;
        grid-column: 1;
        justify-self: center;
        align-self: end;
        transform: translateY(10%);
    }

    &.truck-cloud[b-3177nabmnd] {
        inset-block-start: anchor(--truck-node end);
        inset-block-end: anchor(--cloud-node start);
    }

    &.cloud-certificate[b-3177nabmnd] {
        inset-block-start: anchor(--cloud-node end);
        inset-block-end: anchor(--certificate-node start);
    }
}
/* /Pages/Pilot/Modules/Hero/Visual/PlanCard.razor.rz.scp.css */
.plan-card[b-11p571zhcv] {
    grid-area: plan;
    display: grid;
    grid-auto-rows: max-content;
    background-color: var(--color-control-soft);
}

.header[b-11p571zhcv] {
    display: flex;
    flex-flow: row nowrap;

    div {
    }

    &[b-11p571zhcv]  .icon {
        zoom: 1.05;
    }
}

.list[b-11p571zhcv] {
    display: grid;
    grid-auto-rows: max-content;
    padding-inline-end: 0;
    padding-block: 0;

    .badge {
        border: none;
        background: none;
        padding: 0;

        div {
        }

        &[b-11p571zhcv]  .icon {
            color: var(--color-success);
        }
    }
}
/* /Pages/Pilot/Modules/Hero/Visual/ProcessCard.razor.rz.scp.css */
.process-card[b-pmwnz0jx9d] {
    grid-area: process;
    display: grid;
    grid-template-rows: max-content 1fr;
    grid-auto-flow: row;
    padding: var(--hero-card-padding);
    position: relative;
    isolation: isolate;
}

.header[b-pmwnz0jx9d] {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.list[b-pmwnz0jx9d] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-auto-rows: 1fr;
    counter-set: items;
    padding: 0;
}

.item-wrapper[b-pmwnz0jx9d] {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: subgrid;
    grid-auto-flow: column;

    .counter {
        position: relative;
        display: grid;
        place-content: center;
        align-self: start;
        counter-increment: items;
        z-index: 1;

        &::before {
            position: relative;
            aspect-ratio: 1;
            inset: 0;
            display: grid;
            place-content: center;
            content: counter(items);
            padding: calc(var(--list-item-icon-padding) * 0.5);
            background-color: var(--color-primary-soft);
            color: var(--color-primary-emphasis);
            border-radius: var(--radius-full);
            font-size: var(--list-item-description-font-size);
        }
    }

    &:first-child .counter[b-pmwnz0jx9d]::before {
        anchor-name: --first-counter;
    }

    &:last-child .counter[b-pmwnz0jx9d]::before {
        anchor-name: --last-counter;
    }
}

.counter-connector[b-pmwnz0jx9d] {
    position: absolute;
    border-inline-end: 2px dashed var(--color-border-strong);
    inset-block-start: anchor(--first-counter end);
    inset-inline-end: anchor(--first-counter center);
    inset-block-end: anchor(--last-counter start);
}



.item[b-pmwnz0jx9d] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-template-rows: max-content 1fr;
    grid-template-areas:
        "icon title"
        "icon description";
    padding: calc(var(--list-item-padding) * 0.75);

    .icon-wrapper {
        grid-area: icon;
        align-self: start;
        background-color: var(--color-primary-soft);
        color: var(--color-primary-emphasis);
        border-radius: var(--radius-full);
        padding: calc(var(--list-item-icon-padding) * 0.75);
    }

    &[b-pmwnz0jx9d]  .icon {
        zoom: 0.8;
    }

    .title[b-pmwnz0jx9d] {
        grid-area: title;
    }

    .description[b-pmwnz0jx9d] {
        grid-area: description;
    }
}
/* /Pages/Pilot/Modules/Hero/Visual/SiteCard.razor.rz.scp.css */
.site-card[b-84qp16l4ij] {
    grid-area: site;
    display: grid;
    grid-auto-rows: 1fr 5fr max-content;
    height: 100%;
    padding: var(--hero-card-padding);
    background-color: var(--color-control-soft);

    .header {
        display: grid;
        grid-template-columns: max-content 1fr;
        align-items: center;

        .icon-wrapper {
        }

        .title[b-84qp16l4ij] {
        }

        &[b-84qp16l4ij]  .icon {
            zoom: 1;
        }
    }


    .image-wrapper[b-84qp16l4ij] {
        border-radius: var(--radius-md);
    }

    .footer[b-84qp16l4ij] {
        display: grid;
        grid-template-columns: max-content 1fr;
    }
}
/* /Pages/Pilot/Modules/Process/ProcessList.razor.rz.scp.css */
.process-list-wrapper[b-zdd4uyeumj] {
    position: relative;
    display: grid;
    isolation: isolate;
}

.process-list[b-zdd4uyeumj] {
    --counter-name: process-step;
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    padding-inline: 0;
    padding-block-start: calc(var(--card-list-padding-block) * 3);
    counter-reset: var(--counter-name);
}

.card[b-zdd4uyeumj] {
    position: relative;
    display: grid;
    grid-template-rows: max-content 1fr max-content;
    text-align: center;
    justify-items: center;
    counter-increment: var(--counter-name);

    .header {
        display: grid;
        grid-auto-rows: max-content;
        justify-self: stretch;

        .icon-wrapper {
            display: grid;
            place-content: center;
            border: 1px solid var(--color-border);
            border-radius: var(--radius-full);
            padding: calc(var(--card-icon-padding) * 1.5);
            place-self: center;
        }

        &[b-zdd4uyeumj]  .icon {
            zoom: 1.75;
            color: var(--color-primary);
        }

        .title[b-zdd4uyeumj] {
            display: grid;
            grid-auto-rows: max-content;

            &::after {
                content: "";
                width: 10%;
                height: 1px;
                background-color: var(--color-primary);
                justify-self: center;
            }
        }
    }

    .footer[b-zdd4uyeumj] {
        display: grid;
        grid-template-columns: max-content 1fr;
        align-items: center;

        .duration {
            color: var(--color-primary-emphasis);
        }

        &[b-zdd4uyeumj]  .icon {
            color: var(--color-primary);
            zoom: 1.4;
        }
    }
}

.card[b-zdd4uyeumj] {
    &::before {
        z-index: 1;
        position: absolute;
        justify-self: center;
        align-self: start;
        translate: 0 -140%;
        border: 2px solid var(--color-primary);
        color: var(--color-primary-emphasis);
        font-size: var(--card-title-font-size);
        font-weight: var(--font-bold);
        padding: var(--card-icon-padding);
        border-radius: var(--radius-full);
        background-color: var(--color-primary-soft);
        content: counter(var(--counter-name), decimal-leading-zero);
        box-shadow: 0 0.125rem 0.8rem -0.2rem rgb(from var(--color-primary) r g b / 0.5);
    }

    &:nth-child(1)[b-zdd4uyeumj] {
        &::before {
            anchor-name: --talk-counter;
        }
    }

    &:nth-child(2)[b-zdd4uyeumj] {
        &::before {
            anchor-name: --review-counter;
        }
    }

    &:nth-child(3)[b-zdd4uyeumj] {
        &::before {
            anchor-name: --run-counter;
        }
    }

    @media(width < 50rem) {
        &[b-zdd4uyeumj]::before {
            justify-self: start;
            align-self: start;
            translate: -120% 0;
        }

        [dir="rtl"] &[b-zdd4uyeumj]::before {
            translate: 120% 0;
        }
    }
}

.connector[b-zdd4uyeumj] {
    position: absolute;
    height: 2px;
    align-self: anchor-center;
    position-anchor: --review-counter;
    background-color: var(--color-primary);
    margin-inline: 0.32vw;

    &.connector-talk-review {
        inset-inline-start: anchor(--talk-counter end);
        inset-inline-end: anchor(--review-counter start);
    }

    &.connector-review-run[b-zdd4uyeumj] {
        inset-inline-start: anchor(--review-counter end);
        inset-inline-end: anchor(--run-counter start);
    }

    @media(width < 50rem) {
        &[b-zdd4uyeumj] {
            display: none;
        }
    }
}



@media (width < 50rem) {
    .process-list[b-zdd4uyeumj] {
        display: grid;
        grid-auto-rows: max-content;
        grid-auto-flow: row;
        padding-block-start: var(--card-list-padding-block);
        padding-inline-start: calc(var(--card-list-padding-inline) * 3);
    }

    .card[b-zdd4uyeumj] {
        grid-template-columns: max-content 1fr;
        grid-template-rows: repeat(3, max-content);
        grid-template-areas:
            "icon title"
            "icon description"
            "icon footer";
        text-align: start;
        justify-items: start;

        .header {
            display: contents;

            .icon-wrapper {
                grid-area: icon;
                padding: calc(var(--card-icon-padding) * 1.0);
                place-self: start;
            }

            &[b-zdd4uyeumj]  .icon {
                zoom: 1.25;
                color: var(--color-primary);
            }

            .title[b-zdd4uyeumj] {
                grid-area: title;
                justify-self: stretch;

                &::after {
                    justify-self: start;
                    width: 20%;
                }
            }
        }

        .description[b-zdd4uyeumj] {
            grid-area: description;
        }

        .footer[b-zdd4uyeumj] {
            grid-area: footer;
        }
    }
}
/* /Pages/Pilot/Modules/Process/ProcessModule.razor.rz.scp.css */
.process-module[b-3qz23mmfjr] {
    display: grid;
    grid-auto-rows: max-content;
}

.header[b-3qz23mmfjr] { 
    display: grid;
    grid-auto-rows: max-content;
}

.footer[b-3qz23mmfjr] {
    justify-self: center;
    background-color: var(--color-surface);
    padding-inline: calc(var(--module-footer-padding) * 2);
    padding-block: calc(var(--module-footer-padding) * 3);
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border);

    .main {
        display: grid;
        grid-template-columns: max-content 1fr;
        grid-template-areas: "icon text";
        align-items: center;

        .icon-wrapper {
            grid-area: icon;
            border: 1px solid var(--color-border);
            border-radius: var(--radius-full);
            background-color: var(--color-control-soft);
            place-self: start;
        }

        &[b-3qz23mmfjr]  .icon {
            zoom: 1.25;
            color: var(--color-primary);
        }

        .text[b-3qz23mmfjr] {
            grid-area: text;
            display: grid;
            grid-template-rows: max-content max-content;
            grid-template-columns: max-content 1fr;
            grid-template-areas:
                "separator title"
                "separator description";

            &::before {
                content: "";
                position: relative;
                grid-area: separator;
                width: 1px;
                height: 100%;
                background-color: var(--color-border);
            }

            .title[b-3qz23mmfjr] {
                grid-area: title;
            }

            .description[b-3qz23mmfjr] {
                grid-area: description;
            }
        }
    }
}


/* /Pages/Pilot/PilotPage.razor.rz.scp.css */
.request-pilot-page[b-1p01fg5rie] {
    display: grid;
    grid-auto-rows: max-content;
    padding-block-start: var(--page-padding-block-start);
}