/* GENERATED FILE - DO NOT EDIT. Every change here is lost on the next build.
   Built from login.css by appLegaWEB/_build/css/Build-CssBundle.ps1.
   Edit the source stylesheet, or add an "@ import" line to login.css. Sources: 18 files.
   SOURCES-HASH: 98C7B3C686F0211D */
/* ===== login.css ===== */
@layer escape, reset, vendor, root, core, overrides, project, controls, modes;
@layer vendor.kendo;


/* ===== eCSSCore/core/eBaseReset.css -> @layer reset ===== */
@layer reset {
:where(*, *::before, *::after) {
    box-sizing: border-box;
}


:where(html) {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: var(--line-height-base, 1.5);
}


:where(body) {
    margin: 0;
    font-family: var(--font-family-base, system-ui, sans-serif);
    font-size: var(--font-size-base, 14px);
    font-weight: var(--font-weight-regular, 400);
    color: var(--e-text-primary, var(--gray-900, #181d27));
    background-color: var(--bg-color, #fafafa);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


:where(h1, h2, h3, h4, h5, h6) {
    margin: 0;
    font-weight: var(--font-weight-semibold, 600);
    line-height: 1.2;
    color: var(--e-text-primary, inherit);
}


:where(p, ul, ol, dl, figure, blockquote, pre) {
    margin: 0;
}


:where(img, picture, video, canvas, svg) {
    display: block;
    max-width: 100%;
}


:where(input, button, textarea, select) {
    font: inherit;
}


:where(button) {
    cursor: pointer;
    border: none;
    background: none;
    padding: 0;
    color: inherit;
}


:where(a) {
    color: inherit;
    text-decoration: none;
}


:where(ul, ol) {
    list-style: none;
    padding: 0;
    margin: 0;
}


:where(table) {
    border-collapse: collapse;
    border-spacing: 0;
}


:where(p, span, h1, h2, h3, h4, h5, h6) {
    overflow-wrap: break-word;
}


:where(:focus) {
    outline: none;
}

:where(:focus-visible) {
    outline: 2px solid var(--focus-ring-color, var(--brand-500));
    outline-offset: 2px;
}
}




/* ===== eRoot.css -> @layer root ===== */
@layer root {
:root {
    
    --primary:     var(--firm-primary, #F35800);   
    --alice-blue:  #E9E9E9;   
    --white-smoke: #F8F9FA;   
    --white:       #FFFFFF;   
    --pale-aqua:   #D5D5D5;   
    --neon-silver: #C8C8C8;   
    --dark-charcoal:#333333;  
    --marengo:     #4F5861;   
    --black:       #000000;   
    --form-border: rgba(0,0,0,.14);      
    --input-border:#CED4DA;   
    --danger:      #DC3545;   
    --grid-line:   #DEDEDE;   
    --panel-glass: rgba(204,204,204,.15); 

    
    --success: #28A745;
    --warning: #FFC107;
    --info:    #17A2B8;

    --success-tint: color-mix(in srgb, var(--success) 12%, white);
    --warning-tint: color-mix(in srgb, var(--warning) 12%, white);
    --info-tint:    color-mix(in srgb, var(--info)    12%, white);
    --danger-tint:  color-mix(in srgb, var(--danger)  12%, white);

    --success-border: color-mix(in srgb, var(--success) 35%, white);
    --warning-border: color-mix(in srgb, var(--warning) 35%, white);
    --info-border:    color-mix(in srgb, var(--info)    35%, white);
    --danger-border:  color-mix(in srgb, var(--danger)  35%, white);

    --success-text: color-mix(in srgb, var(--success) 60%, black);
    --warning-text: color-mix(in srgb, var(--warning) 60%, black);
    --info-text:    color-mix(in srgb, var(--info)    60%, black);
    --danger-text:  color-mix(in srgb, var(--danger)  60%, black);

    
    --label-red:   #a10000;  
    --label-blue:  #0b62c4;  
    --label-amber: #FFC107;  

    
    --primary-02:  color-mix(in srgb, var(--primary) 20%, transparent);  
    --primary-06:  color-mix(in srgb, var(--primary)  6%, transparent);  

    
    --on-primary:  var(--firm-on-primary, var(--white));

    
    --primary-text: var(--firm-primary-text, var(--primary));

    
    --focus-glow:  color-mix(in srgb, var(--primary) 45%, transparent);

    
    --radius: 0.2857rem;
    
    --control-h: 2.2857rem;
    --pad-side: 3.4286rem;

    
    --btn-h: 2.1429rem;

    
    --popup-btn-pad-x: 1.1429rem;
    --popup-btn-pad-x-primary: 1.7143rem;

    
    --control-shadow:       inset 0 1px 1px rgba(0,0,0,.075);
    --control-shadow-focus: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--focus-glow);
    --control-border-hover: color-mix(in srgb, var(--neon-silver) 86%, black);  

    
    --control-fill:         color-mix(in srgb, var(--primary) 10%, white);

    
    --fs-base: 1rem;
    --fs-small: 0.8571rem;

    
    --kendo-color-primary:               var(--primary);
    --kendo-color-on-primary:            var(--on-primary);
    --kendo-color-primary-hover:         color-mix(in srgb, var(--primary) 85%, black);
    --kendo-color-primary-active:        color-mix(in srgb, var(--primary) 80%, black);
    --kendo-color-primary-emphasis:      color-mix(in srgb, var(--primary) 40%, transparent);
    --kendo-color-primary-subtle:        color-mix(in srgb, var(--primary) 20%, white);
    --kendo-color-primary-subtle-hover:  color-mix(in srgb, var(--primary) 30%, white);
    --kendo-color-primary-subtle-active: color-mix(in srgb, var(--primary) 40%, white);
    --kendo-color-primary-on-subtle:     color-mix(in srgb, var(--primary) 40%, black);
    --kendo-color-primary-on-surface:    var(--primary-text);
    --kendo-border-radius-md:            var(--radius);
    --kendo-font-family:                 'Fira Sans', system-ui, Arial, sans-serif;
}



:root[data-theme="blue"] {
    --primary: #0D6EFD;
    --on-primary: var(--white);
    --primary-text: var(--primary);
    --alice-blue: #E6EDF5;
    --pale-aqua: #BDCFE3;
    

    
    --focus-glow: rgba(102,175,233,.6);
}

:root[data-theme="green"] {
    --primary: #198754;
    --on-primary: var(--white);
    --primary-text: var(--primary);
}


:root.appChristmas, :root.appHalloween, :root.appIndependence, :root.appLabor, :root.appMemorial,
:root.appNewYear, :root.appStPatricks, :root.appThanksGiving, :root.appValentines {
    --alice-blue: #E9E9E9;
    --pale-aqua:  #D5D5D5;
    --focus-glow: color-mix(in srgb, var(--primary) 45%, transparent);
    --on-primary: var(--white);
    --primary-text: var(--primary);
}

:root.appChristmas    { --primary: #409F8A; }
:root.appHalloween    { --primary: #F48E27; }
:root.appIndependence { --primary: #1CA9F1; }
:root.appMemorial     { --primary: #072451; }
:root.appNewYear      { --primary: #341F97; }
:root.appThanksGiving { --primary: #EB7F4D; }
:root.appValentines   { --primary: #FF0101; }


:root.appLabor        { --primary: #093768; --on-primary: var(--white); }
:root.appStPatricks   { --primary: #92C33F; --on-primary: var(--dark-charcoal); }
}




/* ===== eCSSCore/eCSSCore.layered.css ===== */
@layer escape, reset, vendor, root, core, overrides, project, controls, modes;
@layer vendor.kendo;

/* ===== eCSSCore/profile/applega.tokens.css -> @layer root ===== */
@layer root {
:root {
    
    --font-family-base:     'Fira Sans', system-ui, Arial, sans-serif;
    --font-size-base:       var(--fs-base);
    --line-height-base:     1.5;
    --font-weight-regular:  400;
    --font-weight-medium:   500;
    --font-weight-semibold: 600;

    
    --font-size-text-xs:    var(--fs-small);
    --font-size-text-sm:    var(--fs-small);
    --font-size-text-md:    var(--fs-base);
    --line-height-text-xs:  1.4;
    --line-height-text-sm:  1.4;
    --line-height-text-md:  1.5;

    
    --white:      #FFFFFF;             
    --gray-700:   var(--marengo);      
    --gray-900:   var(--black);

    
    --e-text-primary:   var(--black);
    --e-surface:        var(--white);
    --e-surface-panel:  var(--white-smoke);
    --e-border:         var(--form-border);
    --e-border-strong:  var(--neon-silver);
    --bg-color:         var(--white-smoke);

    
    --brand-50:   var(--primary-06);   
    --brand-100:  var(--primary-02);   
    --brand-500:  var(--primary);
    --brand-700:  var(--kendo-color-primary-hover);
    --e-accent:       var(--primary);
    --e-accent-hover: var(--kendo-color-primary-hover);

    
    --radius-sm:   var(--radius);
    --radius-md:   var(--radius);
    --radius-lg:   var(--radius);
    --radius-full: 9999px;

    
    --spacing-xs:  0.2857rem;
    --spacing-sm:  0.4286rem;
    --spacing-md:  0.5714rem;
    --spacing-lg:  0.8571rem;
    --spacing-xl:  1.1429rem;
    --spacing-2xl: 1.4286rem;
    --spacing-3xl: 1.7143rem;
    --spacing-4xl: 2.2857rem;

    
    --focus-ring-color:     var(--primary);
    --focus-ring-shadow-sm: 0 0 0 3px var(--primary-02);

    
    --shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.05);
    --shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.10), 0 1px 2px rgba(16, 24, 40, 0.06);
    --shadow-md: 0 4px 6px rgba(16, 24, 40, 0.10), 0 2px 4px rgba(16, 24, 40, 0.06);
    --shadow-lg: 0 10px 15px rgba(16, 24, 40, 0.10), 0 4px 6px rgba(16, 24, 40, 0.06);
    --shadow-xl: 0 20px 25px rgba(16, 24, 40, 0.10), 0 8px 10px rgba(16, 24, 40, 0.04);

    
    --sb-thumb: var(--neon-silver);
}


.eCSSCore {
    --direction: row;

    
    
    --ePropertyDefault: 125px 1fr;

    --ePageP: 0.8571rem 0 3.7143rem;
    --ePropertiesGap: 0.4286rem;
    --ePropertyGap: 1.1429rem;
    --eFormW: auto;
    --eFormH: auto;
    --eTitleGap: 0;
    --eCols: 1fr 1fr;
    --eGap: 24px;

    
    --eBlockW: 100%;

    --eFormPadding: 0.2857rem 1.4286rem 0.8571rem;
    --eFormShadow: 0 0 2px rgba(0, 0, 0, .14), 1px 2px 2px rgba(0, 0, 0, .14);
    --eFormBorderR: var(--radius);
    --eFormBg: var(--white);
    --eFormBorderColor: var(--form-border);
    --eFormBorderW: 1px;
}
}






/* ===== eCSSCore/core/eLayout.css -> @layer core ===== */
@layer core {
.--eStack {
    --_eStackGap: var(--eStackGap, var(--estackgap, var(--eStackGapDefault, var(--spacing-lg))));
    --_eStackAI: var(--eStackAI, var(--estackai, var(--eStackAIDefault, stretch)));

    display: flex;
    flex-direction: column;
    gap: var(--_eStackGap);
    align-items: var(--_eStackAI);
}

.--eCluster {
    --_eClusterGap: var(--eClusterGap, var(--eclustergap, var(--eClusterGapDefault, var(--spacing-md))));
    --_eClusterAI: var(--eClusterAI, var(--eclusterai, var(--eClusterAIDefault, center)));
    --_eClusterJC: var(--eClusterJC, var(--eclusterjc, var(--eClusterJCDefault, flex-start)));

    display: flex;
    flex-wrap: wrap;
    gap: var(--_eClusterGap);
    align-items: var(--_eClusterAI);
    justify-content: var(--_eClusterJC);
}

.--eSplit {
    --_eSplitGap: var(--eSplitGap, var(--esplitgap, var(--eSplitGapDefault, var(--spacing-xl))));
    --_eSplitAI: var(--eSplitAI, var(--esplitai, var(--eSplitAIDefault, flex-start)));
    --_eSplitFirst: var(--eSplitFirst, var(--esplitfirst, var(--eSplitFirstDefault, auto)));

    display: flex;
    gap: var(--_eSplitGap);
    align-items: var(--_eSplitAI);
}

.--eSplit > :first-child {
    flex: 0 0 var(--_eSplitFirst);
}

.--eSplit > :last-child {
    flex: 1 1 auto;
    min-width: 0;
}

.--eCenter {
    --_eCenterMaxWidth: var(--eCenterMaxWidth, var(--ecentermaxwidth, var(--eCenterMaxWidthDefault, none)));
    --_eCenterPadding:  var(--eCenterPadding,  var(--ecenterpadding,  var(--eCenterPaddingDefault, 0)));

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: var(--_eCenterMaxWidth);
    padding: var(--_eCenterPadding);
}

.--eCover {
    --_eCoverMinH: var(--eCoverMinH, var(--ecoverminh, var(--eCoverMinHDefault, 100%)));
    --_eCoverGap: var(--eCoverGap, var(--ecovergap, var(--eCoverGapDefault, 0)));

    display: flex;
    flex-direction: column;
    min-height: var(--_eCoverMinH);
    gap: var(--_eCoverGap);
}

.--eCover > :nth-child(2) {
    flex: 1 1 auto;
    min-height: 0;
}
}






/* ===== eCSSCore/core/eGrid.css -> @layer core ===== */
@layer core {
.eCSSCore .--eRow {
    --_eCols: var(--eCols, var(--ecols, var(--eColsDefault, 1fr)));
    --_eGap: var(--eGap, var(--egap, var(--eGapDefault, 24px)));
    --_eRowBottom: var(--eRowBottom, var(--erowbottom, var(--eRowBottomDefault, 24px)));
    --_eRowMaxWidth: var(--eRowMaxWidth, var(--erowmaxwidth, var(--eRowMaxWidthDefault, 100%)));
    --_eRowOverflow: var(--eRowOverflow, var(--erowoverflow, var(--eRowOverflowDefault, visible)));
    --_eOddSpan: var(--eOddSpan, var(--eoddspan, var(--eOddSpanDefault, 1 / -1)));

    display: grid;
    grid-template-columns: var(--_eCols);
    gap: var(--_eGap);
    margin-bottom: var(--_eRowBottom);
    max-width: var(--_eRowMaxWidth);
    height: auto;
    overflow: var(--_eRowOverflow);
    width: 100%;

    @supports (width: -webkit-fill-available) {
        & {
            width: -webkit-fill-available;
        }
    }

    @supports (width: -moz-available) {
        & {
            width: -moz-available;
        }
    }

    & > *:last-child:nth-child(odd) {
        grid-column: var(--_eOddSpan);
    }

    & .--eRow {
        --_eRowBottomSub: var(--eRowBottomSub, var(--erowbottomsub, var(--eRowBottomSubDefault, 24px)));
        --_eGapSub: var(--eGapSub, var(--egapsub, var(--eGapSubDefault, 24px)));
        
        margin-bottom: var(--_eRowBottomSub);
        gap: var(--_eGapSub);
    }

    & .--eRow > *:last-child:nth-child(odd) {
        grid-column: var(--_eOddSpan);
    }

    & .--eTopTitle {
        --_eTopTitleMB: var(--eTopTitleMB, var(--etoptitlemb, var(--eTopTitleMBDefault, var(--spacing-3xl))));
        
        font-weight: 600;
        font-size: 24px;
        color: var(--e-text-primary, var(--gray-900));
        margin-bottom: var(--_eTopTitleMB);
    }

    & > *,
    & .--eRow > * {
        min-width: 0;
    }

    @media (max-width: 1280px) {
        &,
        & .--eRow {
            grid-template-columns: var(--_eColsMediaTablet, 100%);
            grid-template-areas:
                "area__1"
                "area__2"
                "area__3"
                "area__4";
        }
    }
}
}


/* ===== eCSSCore/core/eForm.css -> @layer core ===== */
@layer core {
.eCSSCore .--eSection {
    --_ePageP: var(--ePageP, var(--epagep, var(--ePagePDefault, 24px 0 64px 0)));

    padding: var(--_ePageP);
}

.eCSSCore .--ePanel {
    position: sticky;
    bottom: 0;
    background: var(--e-surface-panel, rgba(250, 250, 250, 1));
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 1;
}

.eCSSCore .--eForm {
    --_eFormBg: var(--eFormBg, var(--eformbg, var(--eFormBgDefault, var(--white))));
    --_eFormShadow: var(--eFormShadow, var(--eformshadow, var(--eFormShadowDefault, none)));
    --_eFormBorderR: var(--eFormBorderR, var(--eformborderr, var(--eFormBorderRDefault, var(--radius-md))));
    --_eFormPadding: var(--eFormPadding, var(--eformpadding, var(--eFormPaddingDefault, var(--spacing-3xl))));
    --_eFormMaxWidth: var(--eFormMaxWidth, var(--eformmaxwidth, var(--eFormMaxWidthDefault, 100%)));
    --_eFormW: var(--eFormW, var(--eformw, var(--eFormWDefault, 100%)));
    --_eFormGap: var(--eFormGap, var(--eformgap, var(--eFormGapDefault, var(--spacing-md))));
    --_eFormBorderColor: var(--eFormBorderColor, var(--eformbordercolor, var(--eFormBorderColorDefault, none)));
    --_eFormBorderW: var(--eFormBorderW, var(--eformborderw, var(--eFormBorderWDefault, 0)));
    --_eFormJC: var(--eFormJC, var(--eformjc, var(--eFormJCDefault, none)));
    --_eFormMargin: var(--eFormMargin, var(--eformmargin, var(--eFormMarginDefault, 0)));
    --_eFormAlignItem: var(--eFormAlignItem, var(--eformalignitem, var(--eFormAlignItemDefault, flex-start)));
    --_eFormH: var(--eFormH, var(--eformh, var(--eFormHDefault, 100%)));
    --_eFormHChrome: var(--eFormHChrome, var(--eformhchrome, var(--eFormHChromeDefault, -webkit-fill-available)));
    --_eFormHFireFox: var(--eFormHFireFox, var(--eformhfirefox, var(--eFormHFireFoxDefault, -moz-available)));
    --_eFormPaddingMediaTablet: var(--eFormPaddingMediaTablet, var(--eformpaddingmediatablet, var(--eFormPaddingMediaTabletDefault, var(--_eFormPadding))));
    --_eFormPaddingMediaMob: var(--eFormPaddingMediaMob, var(--eformpaddingmediamob, var(--eFormPaddingMediaMobDefault, var(--_eFormPaddingMediaTablet))));
    --_eFormMaxWidthMediaTablet: var(--eFormMaxWidthMediaTablet, var(--eformmaxwidthmediatablet, var(--eFormMaxWidthMediaTabletDefault, var(--_eFormMaxWidth))));
    --_eFormMaxWidthMediaMob: var(--eFormMaxWidthMediaMob, var(--eformmaxwidthmediamob, var(--eFormMaxWidthMediaMobDefault, var(--_eFormMaxWidthMediaTablet))));

    background: var(--_eFormBg);
    box-shadow: var(--_eFormShadow);
    border-radius: var(--_eFormBorderR);
    padding: var(--_eFormPadding);
    max-width: var(--_eFormMaxWidth);
    width: var(--_eFormW);
    display: flex;
    flex-direction: column;
    gap: var(--_eFormGap);
    transition: box-shadow 0.2s ease;
    outline: none;
    border-style: solid;
    border-color: var(--_eFormBorderColor);
    border-width: var(--_eFormBorderW);
    justify-content: var(--_eFormJC);
    margin: var(--_eFormMargin);
    align-items: var(--_eFormAlignItem);
    height: var(--_eFormH);

    &.--eTouch {
        border: 1px solid var(--brand-100);
        cursor: pointer;
        transition: all 0.2s;
    }

    &.--eTouch:hover {
        background: var(--brand-50);
    }

    @supports (height: -webkit-fill-available) {
        & {
            height: var(--_eFormHChrome);
        }
    }

    @supports (height: -moz-available) {
        & {
            height: var(--_eFormHFireFox);
        }
    }

    &:focus-visible {
        box-shadow: var(--focus-ring-shadow-sm);
    }

    &.--shadow-xs { box-shadow: var(--shadow-xs); }
    &.--shadow-sm { box-shadow: var(--shadow-sm); }
    &.--shadow-md { box-shadow: var(--shadow-md); }
    &.--shadow-lg { box-shadow: var(--shadow-lg); }
    &.--shadow-xl { box-shadow: var(--shadow-xl); }

    &.--eFormScroll::-webkit-scrollbar-thumb,
    & .--eFormScroll::-webkit-scrollbar-thumb {
        border-color: var(--sb-thumb);
        border-width: 0;
    }

    &.--eFormScroll,
    & .--eFormScroll {
        overflow: auto;
    }

    &.--eFormScroll::-webkit-scrollbar:hover *::-webkit-scrollbar-thumb,
    & .--eFormScroll::-webkit-scrollbar:hover *::-webkit-scrollbar-thumb {
        border-width: 4px;
    }

    &.--eFormScroll::-webkit-scrollbar,
    & .--eFormScroll::-webkit-scrollbar {
        width: 4px;
    }

    @media (max-width: 768px) {
        --_eFormPadding: var(--_eFormPaddingMediaTablet);
        --_eFormMaxWidth: var(--_eFormMaxWidthMediaTablet);
    }

    @media (max-width: 576px) {
        --_eFormPadding: var(--_eFormPaddingMediaMob);
        --_eFormMaxWidth: var(--_eFormMaxWidthMediaMob);
    }
}

.eCSSCore .--eTitle {
    --_eTitleAlIt: var(--eTitleAlIt, var(--etitlealit, var(--eTitleAlItDefault, center)));
    --_eTitleJC: var(--eTitleJC, var(--etitlejc, var(--eTitleJCDefault, space-between)));
    --_eTitleGap: var(--eTitleGap, var(--etitlegap, var(--eTitleGapDefault, var(--spacing-xl))));
    --_eTitleMarginB: var(--eTitleMarginB, var(--etitlemarginb, var(--eTitleMarginBDefault, 4px)));
    --_eTitlePaddingB: var(--eTitlePaddingB, var(--etitlepaddingb, var(--eTitlePaddingBDefault, 4px)));
    --_eTitleBorderB: var(--eTitleBorderB, var(--etitleborderb, var(--eTitleBorderBDefault, none)));
    --_eTitleW: var(--eTitleW, var(--etitlew, var(--eTitleWDefault, 100%)));

    display: flex;
    align-items: var(--_eTitleAlIt);
    justify-content: var(--_eTitleJC);
    gap: var(--_eTitleGap);
    margin-bottom: var(--_eTitleMarginB);
    padding-bottom: var(--_eTitlePaddingB);
    border-bottom: var(--_eTitleBorderB);
    width: 100%;
    max-width: var(--_eTitleW);

    & > h4 {
        color: var(--e-text-primary); 
        font-weight: var(--font-weight-semibold);
        overflow: hidden;
        text-overflow: ellipsis;
    }

    & > div:not([class]),
    & h6 {
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.--eForm {
    & .--eFilter {
        --_eFilterPaddingT: var(--eFilterPaddingT, var(--efilterpaddingt, var(--eFilterPaddingTDefault, 0)));

        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: var(--_eFilterPaddingT);
        width: 100%;
    }

    & > .--eFooter {
        --_eFooterMarginTop: var(--eFooterMarginTop, var(--efootermargintop, var(--eFooterMarginTopDefault, auto)));

        margin-top: var(--_eFooterMarginTop);
    }

    &.--eView {
        overflow: auto;
        max-height: 520px;
    }
}

.--eBlock {
    --_eBlockDisplay: var(--eBlockDisplay, var(--eblockdisplay, var(--eBlockDisplayDefault, flex)));
    
    --_eBlockAlign: var(--eBlockAlign, var(--eBlockAling, var(--eblockaling, var(--eBlockAlignDefault, center))));
    --_eBlockDirection: var(--eBlockDirection, var(--eblockdirection, var(--eBlockDirectionDefault, row)));
    --_eBlockGap: var(--eBlockGap, var(--eblockgap, var(--eBlockGapDefault, var(--spacing-lg))));
    --_eBlockJC: var(--eBlockJC, var(--eblockjc, var(--eBlockJCDefault, flex-start)));
    --_eBlockM: var(--eBlockM, var(--eblockm, var(--eBlockMDefault, 0)));
    --_eBlockW: var(--eBlockW, var(--eblockw, var(--eBlockWDefault, auto)));
    --_eBlockBorderColor: var(--eBlockBorderColor, var(--eblockbordercolor, var(--eBlockBorderColorDefault, none)));
    --_eBlockBorderW: var(--eBlockBorderW, var(--eblockborderw, var(--eBlockBorderWDefault, 0)));
    --_eBlockBorderR: var(--eBlockBorderR, var(--eblockborderr, var(--eBlockBorderRDefault, 0)));

    display: var(--_eBlockDisplay);
    align-items: var(--_eBlockAlign);
    flex-direction: var(--_eBlockDirection);
    gap: var(--_eBlockGap);
    justify-content: var(--_eBlockJC);
    margin: var(--_eBlockM);
    width: var(--_eBlockW);
    border-style: solid;
    border-color: var(--_eBlockBorderColor);
    border-width: var(--_eBlockBorderW);
    border-radius: var(--_eBlockBorderR);
}

.--eForm .--eBlockContent {
    
    --_eBlockContentAlign: var(--eBlockContentAlign, var(--eBlockContentAling, var(--eblockcontentaling, var(--eBlockContentAlignDefault, center))));
    --_eBlockContentDirection: var(--eBlockContentDirection, var(--eblockcontentdirection, var(--eBlockContentDirectionDefault, row)));
    --_eBlockContentGap: var(--eBlockContentGap, var(--eblockcontentgap, var(--eBlockContentGapDefault, var(--spacing-3xl))));
    --_eBlockContentJC: var(--eBlockContentJC, var(--eblockcontentjc, var(--eBlockContentJCDefault, flex-start)));
    --_eBlockContentM: var(--eBlockContentM, var(--eblockcontentm, var(--eBlockContentMDefault, 0)));

    display: flex;
    align-items: var(--_eBlockContentAlign);
    flex-direction: var(--_eBlockContentDirection);
    gap: var(--_eBlockContentGap);
    justify-content: var(--_eBlockContentJC);
    margin: var(--_eBlockContentM);
}

.eCSSCore .--eProperties {
    --_ePropertiesW: var(--ePropertiesW, var(--epropertiesw, var(--ePropertiesWDefault, 100%)));
    --_ePropertiesFD: var(--ePropertiesFD, var(--epropertiesfd, var(--ePropertiesFDDefault, column)));
    --_ePropertiesGap: var(--ePropertiesGap, var(--epropertiesgap, var(--ePropertiesGapDefault, var(--spacing-3xl))));
    --_ePropertiesJC: var(--ePropertiesJC, var(--epropertiesjc, var(--ePropertiesJCDefault, flex-start)));
    --_ePropertiesWMediaTablet: var(--ePropertiesWMediaTablet, var(--epropertieswmediatablet, var(--ePropertiesWMediaTabletDefault, var(--_ePropertiesW))));
    --_ePropertiesWMediaMobile: var(--ePropertiesWMediaMobile, var(--epropertieswmediamobile, var(--ePropertiesWMediaMobileDefault, var(--_ePropertiesWMediaTablet))));

    display: flex;
    flex-direction: var(--_ePropertiesFD);
    width: var(--_ePropertiesW);
    gap: var(--_ePropertiesGap);
    justify-content: var(--_ePropertiesJC);

    @supports (width: -webkit-fill-available) {
        & {
            width: var(--_ePropertiesW, -webkit-fill-available);
        }
    }

    @supports (width: -moz-available) {
        & {
            width: var(--_ePropertiesW, -moz-available);
        }
    }

    & .--eAdaptiveLine,
    &.--eAdaptiveLine {
        --_ePropertyGap: var(--ePropertyGap, var(--epropertygap, var(--ePropertyGapDefault, 4px)));
        --_eFlexJC: var(--eFlexJC, var(--eflexjc, var(--eFlexJCDefault, flex-start)));
        --_ePropertyMarginTop: var(--ePropertyMarginTop, var(--epropertymargintop, var(--ePropertyMarginTopDefault, 0px)));
        --_ePropertyMarginBottom: var(--ePropertyMarginBottom, var(--epropertymarginbottom, var(--ePropertyMarginBottomDefault, 0px)));

        display: flex;
        flex-wrap: wrap;
        gap: var(--_ePropertyGap);
        justify-content: var(--_eFlexJC);
        margin-top: var(--_ePropertyMarginTop);
        margin-bottom: var(--_ePropertyMarginBottom);
        align-items: center;
    }

    & .--eLink {
        text-decoration: none;
        cursor: pointer;
    }

    & .--eProperty {
        --_eProperty: var(--eProperty, var(--eproperty, var(--ePropertyDefault, 1fr)));
        --_ePropertyGap: var(--ePropertyGap, var(--epropertygap, var(--ePropertyGapDefault, 8px)));
        --_ePropertyMaxW: var(--ePropertyMaxW, var(--epropertymaxw, var(--ePropertyMaxWDefault, 100%)));
        --_ePropertyAI: var(--ePropertyAI, var(--epropertyai, var(--ePropertyAIDefault, revert)));
        --_ePropertyJC: var(--ePropertyJC, var(--epropertyjc, var(--ePropertyJCDefault, revert)));
        --_ePropertyPadding: var(--ePropertyPadding, var(--epropertypadding, var(--ePropertyPaddingDefault, 0)));
        --_ePropertyBorderColor: var(--ePropertyBorderColor, var(--epropertybordercolor, var(--ePropertyBorderColorDefault, none)));
        --_ePropertyBorderW: var(--ePropertyBorderW, var(--epropertyborderw, var(--ePropertyBorderWDefault, 0)));
        --_ePropertyMB: var(--ePropertyMB, var(--epropertymb, var(--ePropertyMBDefault, 0)));

        display: grid;
        grid-template-columns: var(--_eProperty);
        gap: var(--_ePropertyGap);
        width: 100%;
        max-width: var(--_ePropertyMaxW);
        align-items: var(--_ePropertyAI);
        justify-items: var(--_ePropertyJC);
        padding: var(--_ePropertyPadding);
        border-style: solid;
        border-color: var(--_ePropertyBorderColor);
        border-width: var(--_ePropertyBorderW);
        margin-bottom: var(--_ePropertyMB);

        & .--eLabel {
            --_eLabelMarginB: var(--eLabelMarginB, var(--elabelmarginb, var(--eLabelMarginBDefault, var(--spacing-sm))));
            
            font-weight: var(--font-weight-medium);
            font-size: var(--font-size-text-sm);
            line-height: var(--line-height-text-sm);
            color: var(--gray-700);
            margin-bottom: var(--_eLabelMarginB);
        }

        & .--eSubLabel {
            --_eSubLabelMarginB: var(--eLabelMarginB, var(--elabelmarginb, var(--eSubLabelMarginBDefault, var(--spacing-xs))));
            
            font-weight: var(--font-weight-medium);
            font-size: var(--font-size-text-xs);
            line-height: var(--line-height-text-xs);
            color: var(--gray-700);
            margin-bottom: var(--_eSubLabelMarginB);
        }

        & .--eHeader,
        & .--eContent {
            --_direction: var(--direction, var(--directionDefault, row));
            
            display: flex;
            flex-direction: var(--_direction);
        }

    }

    
    &.column > .--eProperty,
    &.colum > .--eProperty {
        grid-template-columns: 1fr;
    }

    @media (max-width: 768px) {
        --_ePropertiesW: var(--_ePropertiesWMediaTablet);
    }

    @media (max-width: 576px) {
        --_ePropertiesW: var(--_ePropertiesWMediaMobile);
    }
}

.eCSSCore .--eProperty {}

.eCSSCore .--eAdaptiveLine {
    --_eAdaptiveLineGap: var(--eAdaptiveLineGap, var(--eadaptivelinegap, var(--eAdaptiveLineGapDefault, 4px)));
    --_eFlexJC: var(--eFlexJC, var(--eflexjc, var(--eFlexJCDefault, flex-start)));
    --_eAdaptiveLineMarginTop: var(--eAdaptiveLineMarginTop, var(--eadaptivelinemargintop, var(--eAdaptiveLineMarginTopDefault, 0px)));
    --_eAdaptiveLineMarginBottom: var(--eAdaptiveLineMarginBottom, var(--eadaptivelinemarginbottom, var(--eAdaptiveLineMarginBottomDefault, 0px)));

    display: flex;
    flex-wrap: wrap;
    gap: var(--_eAdaptiveLineGap);
    justify-content: var(--_eFlexJC);
    margin-top: var(--_eAdaptiveLineMarginTop);
    margin-bottom: var(--_eAdaptiveLineMarginBottom);
}
}


/* ===== eCSSCore/core/eContainers.css -> @layer core ===== */
@layer core {
.eCSSCore .--eForm {
    container-type: inline-size;
    container-name: eForm;
}

.eCSSCore .--eRow {
    container-type: inline-size;
    container-name: eRow;
}

@container eForm (max-width: 720px) {
    .eCSSCore .--eForm {
        --eFormGap: var(--eFormGapCqSm, var(--eformgapcqsm));
        --eFormPadding: var(--eFormPaddingCqSm, var(--eformpaddingcqsm));
    }

    .eCSSCore .--eProperties {
        --ePropertiesGap: var(--ePropertiesGapCqSm, var(--epropertiesgapcqsm));
    }

    .eCSSCore .--eProperty {
        --eProperty: var(--ePropertyCqSm, var(--epropertycqsm));
    }
}

@container eRow (max-width: 900px) {
    .eCSSCore .--eRow {
        --eGap: var(--eGapCqSm, var(--egapcqsm));
        --eCols: var(--eColsCqSm, var(--ecolscqsm));
    }
}
}

 


/* ===== eCSSCore/extensions/eForm.applega.css -> @layer overrides ===== */
@layer overrides {
.eCSSCore {
    
    & .--eProperty > label,
    & .--eProperty > p {
        display: flex;
        flex-wrap: nowrap;
        justify-content: var(--positionLabel, end);
        align-items: center;
        gap: 0.2857rem;
        margin: 0;
        text-align: var(--positionLabel, end);
        font-size: 0.8571rem;
        color: var(--marengo);
    }

    
    & .--eProperty > div {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    
    & .--eProperty > div:has(> .eCheckBox + .eCheckBox) {
        column-gap: 1.7143rem;
    }

    
    
    & .--eProperty > label.--eTop,
    & .--eProperty > p.--eTop {
        align-items: start;
        margin-top: 0.2857rem;
    }

    
    & .--eProperty { min-height: var(--control-h); }

    
    & .--eTitle { padding-top: 0.8571rem; }
}

.eCSSCore .--eForm {
    &.--eFormScroll::-webkit-scrollbar-thumb,
    & .--eFormScroll::-webkit-scrollbar-thumb {
        background-color: var(--sb-thumb);
        border-radius: 0.2857rem;
    }
}





.--eTitle h4 { font-size: 1.1429rem; font-weight: 500; color: var(--black); margin: 0; }
.--eTitle .horizontal {
    flex: 1;
    height: 1px;
    margin-left: 1.1429rem;
    border: 0;
    background: var(--primary-02);
}


.--eProperty .k-input,
.--eProperty .k-picker { width: 21.4286rem; }
.--eProperty .k-datepicker,
.--eProperty .k-timepicker,
.--eProperty .k-datetimepicker { width: 15.7143rem; }


.--eProperty .k-colorpicker { width: min-content; }
.--eProperty textarea.k-input-inner { width: 100%; }

.--eProperty .k-textarea { max-width: 100%; }


.--eProperty .k-input:has(> .wide) { width: 100%; max-width: 700px; }


.formHint { width: 100%; margin-top: 0.2857rem; font-size: 0.7143rem; color: var(--marengo); }
.fieldError { display: block; width: 100%; margin-top: 0.2857rem; font-size: 0.8571rem; color: var(--danger); }

.fieldError[hidden] { display: none; }


.--eProperties[inert], .--eProperty[inert] { opacity: .55; }

.--eProperties[inert] .--eProperty[inert] { opacity: 1; }
}


/* ===== eCSSCore/extensions/eGrid.applega.css -> @layer overrides ===== */
@layer overrides {
.eCSSCore {
    
    & .--eRow > *:only-child {
        grid-column: auto;
    }

    
    & .--eRow.--eCustomRow {
        --eCols: 1fr;
        --eRowBottom: 0;
        --eGap: var(--spacing-2xl);
        --eFormBorderColor: var(--form-border);
        --eFormBorderW: 1px;
    }
}
}


/* ===== eCSSCore/extensions/eLayout.applega.css -> @layer overrides ===== */
@layer overrides {
.eCSSCore {
    & .--eColumn {
        display: flex;
        flex-direction: column;
        gap: var(--eColumnGap, var(--eGap, 24px));
        
        height: var(--eColumnH, fit-content);
    }
}
}




/* ===== login-main.css -> @layer project ===== */
@layer project {
/* ===== shared.css ===== */
/* ===== fonts.css ===== */
@font-face { font-family:'Fira Sans'; font-style:normal; font-weight:400; font-display:swap; src:url('/fonts/FiraSans-Regular.woff2')  format('woff2'); }
@font-face { font-family:'Fira Sans'; font-style:normal; font-weight:500; font-display:swap; src:url('/fonts/FiraSans-Medium.woff2')   format('woff2'); }
@font-face { font-family:'Fira Sans'; font-style:normal; font-weight:600; font-display:swap; src:url('/fonts/FiraSans-SemiBold.woff2') format('woff2'); }
@font-face { font-family:'Fira Sans'; font-style:normal; font-weight:700; font-display:swap; src:url('/fonts/FiraSans-Bold.woff2')     format('woff2'); }

@font-face { font-family:'Font Awesome 6 Pro'; font-style:normal; font-weight:900; font-display:block; src:url('/fonts/fa-solid-900.woff2')   format('woff2'); }
@font-face { font-family:'Font Awesome 6 Pro'; font-style:normal; font-weight:400; font-display:block; src:url('/fonts/fa-regular-400.woff2') format('woff2'); }
@font-face { font-family:'Font Awesome 6 Pro'; font-style:normal; font-weight:300; font-display:block; src:url('/fonts/fa-light-300.woff2')   format('woff2'); }




html {
    font-size: clamp(0.875rem, calc(0.5rem + 0.3125vw), 1rem);
}




html { scrollbar-gutter: auto; }

body.login {
    margin: 0;
    font-family: 'Fira Sans', system-ui, Arial, sans-serif;
    font-size: var(--fs-base);
    color: var(--black);
    
    background: var(--primary);
}

.login a { color: var(--primary); text-decoration: none; }
.login a:hover { text-decoration: underline; }
.login h2 { margin: 0; font-weight: 500; }
.login p { margin: 0; }


.login__split {
    --eCols: 30% 70%;
    --eGap: 0;
    --eRowBottom: 0;
}


.login__aside {
    padding: 1.4286rem 2.2857rem;
    color: var(--on-primary);
}


.login__aside-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 27.1429rem;
}

.login__aside-logo {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.login__aside-text { max-width: 27.7143rem; }
.login__aside-text h2 { color: var(--on-primary); font-size: 1.7143rem; }
.login__aside-text p {
    margin-top: 0.8571rem;
    line-height: 1.5;
    opacity: .75;
}


.login__card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
    background: var(--white);
    border-radius: 1.4286rem 0 0 1.4286rem;
}

.login__card-header,
.login__card-body,
.login__card-footer { padding: 1.4286rem 2.2857rem; }

.login__card-header img { height: 3.8571rem; }

.login__card-body {
    margin: auto;
    width: 100%;
    max-width: 28.5714rem;
}

.login__card-footer {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    color: var(--marengo);
}


.login__headline { padding-bottom: 1rem; }
.login__title {
    color: var(--primary);
    font-size: 1.7143rem;
    padding-bottom: 2rem;
    white-space: nowrap;
}
.login__subtitle { color: var(--marengo); }


.login__notice {
    display: none;
    margin-bottom: 1.1429rem;
    padding: 0.8571rem;
    background: var(--primary-06);
    border-left: 4px solid var(--primary);
    border-radius: var(--radius);
}
.login__notice-title { font-weight: 600; color: var(--primary); }
.login__notice-text { margin-top: 0.2857rem; color: var(--marengo); }


.login__field { padding-bottom: 1.5rem; }

.login__label {
    display: block;
    padding-bottom: 0.2857rem;
    color: var(--black);
}

.login__input {
    display: block;
    width: 100%;
    height: var(--control-h);
    padding: 0 0.8571rem;
    border: 1px solid var(--input-border);
    border-radius: var(--radius);
    background: var(--white);
    color: var(--black);
    font-family: inherit;
    font-size: var(--fs-base);
}

.login__input:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--focus-glow);
}


.login__input.input-validation-error {
    border: 2px solid var(--danger);
    background: color-mix(in srgb, var(--danger) 8%, var(--white));
}


.login__pass { position: relative; }
.login__pass .login__input { padding-right: 2.5714rem; }

.login__eye {
    position: absolute;
    top: 0;
    right: 0;
    width: var(--control-h);
    height: var(--control-h);
    padding: 0;
    border: 1px solid var(--input-border);
    border-radius: var(--radius);
    background: var(--white);
    color: var(--primary);
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    font-size: 1.1429rem;
    line-height: 1;
    cursor: pointer;
    
    touch-action: manipulation;
    user-select: none;
    
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s;
}
.login__eye::before { content: "\f06e"; }
.login__eye.is-visible { visibility: visible; opacity: 1; }
.login__eye:focus-visible {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 8px var(--focus-glow);
}


.login__remember {
    display: flex;
    align-items: center;
    gap: 0.4286rem;
    padding-bottom: 2rem;
    cursor: pointer;
}
.login__remember input { accent-color: var(--primary); margin: 0; }


.login__submit {
    width: 100%;
    height: var(--control-h);
    padding: 0 0.8571rem;
    border: 1px solid var(--primary);
    border-radius: var(--radius);
    background: var(--primary);
    color: var(--on-primary);
    font-family: inherit;
    font-size: var(--fs-base);
    cursor: pointer;
}
.login__submit:hover { filter: brightness(.95); }
.login__submit:focus-visible { outline: none; box-shadow: 0 0 8px var(--focus-glow); }


a.login__submit {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--on-primary);
    text-decoration: none;
}
a.login__submit:hover { text-decoration: none; }


.login__link {
    display: block;
    margin-top: 0.8571rem;
    text-align: center;
    font-size: var(--fs-small);
}

a.login__link { color: var(--primary); text-decoration: none; }
a.login__link:hover { text-decoration: underline; }




.login__summary {
    margin-bottom: 0.8571rem;
    color: var(--danger);
}
.login__summary ul { margin: 0; padding: 0; list-style: none; }
.login__summary.validation-summary-valid { display: none; }

.login__error {
    display: block;
    margin-top: 0.2857rem;
    color: var(--danger);
    font-size: var(--fs-small);
}


@media (max-width: 1280px) {
    .login__aside { display: none; }
    .login__card { border-radius: 0; }
    .login__notice { display: block; }
}
}




/* ===== main/busy.css -> @layer project ===== */
@layer project {
.shellBusy { display: none; }




.shellBusy.open {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    inset: 0;
    z-index: 3001;
    background: color-mix(in srgb, var(--white) 80%, transparent);
    animation: appFadeIn .15s ease-out;
}


@keyframes appFadeIn {
    from { opacity: 0; }
}


.shellBusy > svg {
    width: 21.4286rem;      
    height: 7.2143rem;      
}

.shellBusy > svg path {
    fill-opacity: 0;
    animation: appLogoIn 1s infinite;
}

.shellBusy > svg path:nth-child(1)  { animation-delay: .05s; }
.shellBusy > svg path:nth-child(2)  { animation-delay: .10s; }
.shellBusy > svg path:nth-child(3)  { animation-delay: .15s; }
.shellBusy > svg path:nth-child(4)  { animation-delay: .20s; }
.shellBusy > svg path:nth-child(5)  { animation-delay: .25s; }
.shellBusy > svg path:nth-child(6)  { animation-delay: .30s; }
.shellBusy > svg path:nth-child(7)  { animation-delay: .35s; }
.shellBusy > svg path:nth-child(8)  { animation-delay: .40s; }
.shellBusy > svg path:nth-child(9)  { animation-delay: .45s; }
.shellBusy > svg path:nth-child(10) { animation-delay: .50s; }
.shellBusy > svg path:nth-child(11) { animation-delay: .55s; }
.shellBusy > svg path:nth-child(12) { animation-delay: .60s; }
.shellBusy > svg path:nth-child(13) { animation-delay: .65s; }
.shellBusy > svg path:nth-child(14) { animation-delay: .70s; }
.shellBusy > svg path:nth-child(15) { animation-delay: .75s; }
.shellBusy > svg path:nth-child(16) { animation-delay: .80s; }


@keyframes appLogoIn {
    to { fill-opacity: 1; }
}


@media (prefers-reduced-motion: reduce) {
    .shellBusy > svg path { animation-duration: 2s; }
    .shellBusy.open { animation: none; }
}


body:has(> #appBusy.open) .k-loading-mask > .k-loading-image,
body:has(> #appBusy.open) .k-loading-mask > .k-loading-color,
body:has(> #appBusy.open) .k-i-loading { visibility: hidden; }

body:has(> #appBusy.open) .k-treelist .k-status:has(> .k-i-loading) { opacity: 0; }
}




/* ===== passwordmeter.css -> @layer project ===== */
@layer project {
.passwordMeter {
    width: 100%;
    margin-top: 0.2857rem;
}
.passwordMeterBar {
    display: flex;
    gap: 4px;
    margin-bottom: 0.2143rem;
}
.passwordMeterBar span {
    height: 4px;
    flex: 1;
    border-radius: 2px;
    background: var(--neon-silver);
}
.passwordMeter.is-met   .passwordMeterBar span.is-on { background: var(--success); }
.passwordMeter.is-short .passwordMeterBar span.is-on { background: var(--danger); }
.passwordMeterLabel {
    margin: 0 0 0.1429rem;
    font-size: var(--fs-small);
}
.passwordMeter.is-met   .passwordMeterLabel { color: var(--success-text); }
.passwordMeter.is-short .passwordMeterLabel { color: var(--danger-text); }
.passwordMeterRules {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: var(--fs-small);
    color: var(--marengo);
}
.passwordMeterRules li {
    display: flex;
    align-items: baseline;
    gap: 0.2857rem;
}
.passwordMeterRules li.is-ok { color: var(--success-text); }
.passwordMeterRules li.is-no { color: var(--danger-text); }
.passwordMeterIco {
    flex: none;
    display: inline-block;
    width: 1rem;
    text-align: center;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    font-style: normal;
    font-size: 0.7143rem;
    color: var(--neon-silver);
}
.passwordMeterIco::before { content: "\f111"; }
.passwordMeterRules .is-ok > .passwordMeterIco { color: var(--success-text); }
.passwordMeterRules .is-ok > .passwordMeterIco::before { content: "\f00c"; }
.passwordMeterRules .is-no > .passwordMeterIco { color: var(--danger-text); }
.passwordMeterRules .is-no > .passwordMeterIco::before { content: "\f00d"; }
.passwordMeterText {
    display: flex;
    flex-wrap: wrap;
    gap: 0.1429rem 0.5714rem;
}
.passwordMeterKind {
    display: inline-flex;
    align-items: baseline;
    gap: 0.2143rem;
    white-space: nowrap;
    color: var(--marengo);
}
.passwordMeterKind.is-ok { color: var(--success-text); }

.passwordMeterState {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}
}




/* ===== holiday-login.css -> @layer project ===== */
@layer project {
:root.appChristmas body.login::before, :root.appChristmas body.login::after,
:root.appHalloween body.login::before, :root.appHalloween body.login::after,
:root.appIndependence body.login::before,
:root.appMemorial body.login::before,
:root.appNewYear body.login::before,
:root.appStPatricks body.login::before,
:root.appThanksGiving body.login::before,
:root.appValentines body.login::before {
    content: "";
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: left bottom;
    will-change: transform;
    transform: translateZ(0);
    pointer-events: none;
    z-index: 1;
}


:root.appChristmas body.login::after,
:root.appHalloween body.login::after {
    z-index: -1;
}

:root.appChristmas .login__aside-text, :root.appHalloween .login__aside-text,
:root.appIndependence .login__aside-text, :root.appLabor .login__aside-text,
:root.appMemorial .login__aside-text, :root.appNewYear .login__aside-text,
:root.appStPatricks .login__aside-text, :root.appThanksGiving .login__aside-text,
:root.appValentines .login__aside-text {
    display: none;
}

:root.appChristmas .login__notice, :root.appHalloween .login__notice,
:root.appIndependence .login__notice, :root.appLabor .login__notice,
:root.appMemorial .login__notice, :root.appNewYear .login__notice,
:root.appStPatricks .login__notice, :root.appThanksGiving .login__notice,
:root.appValentines .login__notice {
    display: block;
}


:root.appChristmas body.login {
    background-image: url("/images/holiday/christmas__bg.svg");
    background-repeat: no-repeat;
}

:root.appChristmas body.login::before { background-image: url("/images/holiday/christmas__santa.svg"); }


:root.appChristmas body.login::after {
    background-image: url("/images/holiday/christmas__snow.svg");
    background-position: left top;
}


:root.appHalloween body.login {
    background-image: url("/images/holiday/halloween__window.svg");
    background-repeat: no-repeat;
}

:root.appHalloween body.login::before { 
    background-image: url("/images/holiday/halloween__pampkins.svg");

}

:root.appHalloween body.login::after {
    background-image: url("/images/holiday/halloween__bat.svg");
    background-position: left top;
}


:root.appIndependence body.login {
    background-image: url("/images/holiday/independence__bg.svg");
    background-repeat: no-repeat;
    background-position: left bottom;
}

:root.appIndependence body.login::before { background-image: url("/images/holiday/independence__fireworks.svg"); }


:root.appLabor body.login {
    background-image: url("/images/holiday/labor__bg.svg");
    background-repeat: no-repeat;
    background-position: left bottom;
}


:root.appMemorial body.login::before { background-image: url("/images/holiday/umMemorial__solders.svg"); }


:root.appNewYear body.login {
    background-image: url("/images/holiday/newyear__fon.svg");
    background-repeat: no-repeat;
}

:root.appNewYear body.login::before {
    background-image: url("/images/holiday/newyear__snow.svg");
    background-position: left top;
}


:root.appNewYear .login__card-header {
    position: relative;
    z-index: 1;
}

:root.appNewYear .login__card-header::before {
    content: "";
    position: absolute;
    top: 1.1429rem;
    left: 0.8571rem;
    width: 22.8571rem;
    height: 100%;
    background-image: url("/images/holiday/newyear__lights.svg");
    pointer-events: none;
    z-index: 0;
}


:root.appStPatricks body.login::before { background-image: url("/images/holiday/umStPatricks__patricks.svg"); }


:root.appThanksGiving body.login {
    background-image: url("/images/holiday/thanksgiving__bg.svg");
    background-repeat: no-repeat;
    background-position: left bottom;
}

:root.appThanksGiving body.login::before { background-image: url("/images/holiday/thanksgiving__turkey.svg"); }


:root.appValentines body.login {
    background-image: url("/images/holiday/umValentines__bg.svg");
    background-repeat: no-repeat;
    background-position: left bottom;
}

:root.appValentines body.login::before { background-image: url("/images/holiday/umValentines__piples.svg"); }


@media (prefers-reduced-motion: reduce) {
    :root.appChristmas body.login    { background-image: url("/images/holiday/christmas__bg--static.svg"); }
    :root.appHalloween body.login    { background-image: url("/images/holiday/halloween__window--static.svg"); }
    :root.appIndependence body.login { background-image: url("/images/holiday/independence__bg--static.svg"); }
    :root.appLabor body.login        { background-image: url("/images/holiday/labor__bg--static.svg"); }
    :root.appNewYear body.login      { background-image: url("/images/holiday/newyear__fon--static.svg"); }
    :root.appThanksGiving body.login { background-image: url("/images/holiday/thanksgiving__bg--static.svg"); }
    

    :root.appChristmas body.login::before    { background-image: url("/images/holiday/christmas__santa--static.svg"); }
    :root.appChristmas body.login::after     { background-image: url("/images/holiday/christmas__snow--static.svg"); }
    :root.appHalloween body.login::before    { background-image: url("/images/holiday/halloween__pampkins--static.svg"); }
    :root.appHalloween body.login::after     { background-image: url("/images/holiday/halloween__bat--static.svg"); }
    :root.appIndependence body.login::before { background-image: url("/images/holiday/independence__fireworks--static.svg"); }
    :root.appMemorial body.login::before     { background-image: url("/images/holiday/umMemorial__solders--static.svg"); }
    :root.appNewYear body.login::before      { background-image: url("/images/holiday/newyear__snow--static.svg"); }
    :root.appStPatricks body.login::before   { background-image: url("/images/holiday/umStPatricks__patricks--static.svg"); }
    :root.appThanksGiving body.login::before { background-image: url("/images/holiday/thanksgiving__turkey--static.svg"); }
    :root.appValentines body.login::before   { background-image: url("/images/holiday/umValentines__piples--static.svg"); }

    :root.appNewYear .login__card-header::before { background-image: url("/images/holiday/newyear__lights--static.svg"); }
}


@media (max-width: 1280px) {
    :root.appChristmas body.login::before, :root.appChristmas body.login::after,
    :root.appHalloween body.login::before, :root.appHalloween body.login::after,
    :root.appIndependence body.login::before,
    :root.appMemorial body.login::before,
    :root.appNewYear body.login::before,
    :root.appStPatricks body.login::before,
    :root.appThanksGiving body.login::before,
    :root.appValentines body.login::before {
        display: none;
    }

    :root.appChristmas body.login, :root.appHalloween body.login, :root.appIndependence body.login,
    :root.appLabor body.login, :root.appNewYear body.login, :root.appThanksGiving body.login,
    :root.appValentines body.login {
        background-image: none;
    }
}
}