* {
    box-sizing: initial;
}


@font-face {
    font-family: ALS Hauss;
    src: url('../fonts/ALSHauss-Bold.1c1437e5.woff2') format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}


@font-face {
    font-family: ALS Hauss;
    src: url('../fonts/ALSHauss-Regular.8441e982.woff2') format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}


@layer lognex {
    @layer theme {
        @layer basic {
            :root {
                --product-blue-300: #a0c8ff;
                --product-blue-400: #7eb4ff;
                --product-blue-500: #2f8fff;
                --product-blue-600: #0b7cff;
                --product-blue-700: #036ce5;
                --product-blue-800: #005dc9;
                --light-white: #fff;
                --light-grey-100: #f6f6f6;
                --light-grey-200: #f1f4f9;
                --light-grey-250: #c9d3dd66;
                --light-grey-300: var(--colorful-grey-300);
                --light-grey-400: #d1d6df;
                --light-grey-600: #55607359;
                --light-grey-alpha-8: #84a0ca14;
                --light-grey-alpha-10: #84a0ca1a;
                --light-grey-alpha-12: #84a0ca1f;
                --light-blue-100: #bfddf7bf;
                --light-blue-200: #b9d3f0cc;
                --light-blue-350: #b5cae8f2;
                --dark-grey-grey-500: #9fa7af;
                --dark-grey-grey-600: var(--light-grey-600);
                --dark-grey-grey-800: #5f6d79;
                --dark-grey-dark-700: #0a04291f;
                --dark-grey-dark-800: #131d36f0;
                --dark-grey-dark-900: #091739;
                --colorful-red-600: #e50347;
                --colorful-red-100: #f9d1d1d9;
                --colorful-green-600: #0d8a56;
                --colorful-green-100: #beeeddd9;
                --colorful-orange-600: #db5202;
                --colorful-orange-100: #fadac0d9;
                --colorful-grey-700: var(--dark-grey-dark-800);
                --colorful-grey-300: #d3d8ddb3;
                --colorful-purple-600: #722ac5;
                --colorful-purple-100: #e7d6f4bf;
                --colorful-blue-700: var(--product-blue-700);
                --colorful-blue-200: #bfddf7bf
            }
        }@layer MS {
        :root {
            --text-primary: var(--dark-grey-dark-900);
            --text-secondary: var(--dark-grey-grey-800);
            --text-tertiary: var(--dark-grey-grey-500);
            --text-accent: var(--product-blue-700);
            --text-positive: var(--colorful-green-600);
            --text-critical: var(--colorful-red-600);
            --text-attention: var(--colorful-orange-600);
            --bgd-white: var(--light-white);
            --bgd-grey: var(--light-grey-100);
            --bgd-secondary: var(--light-grey-200);
            --bgd-overlay: #01040b5c;
            --button-primary-normal: var(--product-blue-700);
            --button-primary-hover: var(--product-blue-600);
            --button-primary-focus: var(--product-blue-500);
            --button-primary-pressed: var(--product-blue-800);
            --button-primary-disabled: var(--colorful-grey-300);
            --button-secondary-normal: var(--light-white);
            --button-secondary-hover: var(--light-grey-100);
            --button-secondary-focus: var(--light-grey-100);
            --button-secondary-pressed: var(--light-grey-200);
            --button-secondary-disabled: var(--light-grey-100);
            --border-normal: var(--light-grey-400);
            --border-hover: var(--dark-grey-grey-800);
            --border-disable: var(--light-grey-200);
            --border-accent: var(--product-blue-700);
            --border-critical: var(--colorful-red-600);
            --elements-normal: var(--dark-grey-grey-800);
            --elements-hover: var(--dark-grey-dark-900);
            --elements-disable: var(--light-grey-400);
            --elements-disabled: var(--dark-grey-grey-500);
            --elements-inactive: var(--dark-grey-grey-500);
            --elements-accent: var(--product-blue-700);
            --elements-positive: var(--colorful-green-600);
            --elements-critical: var(--colorful-red-600);
            --elements-attention: var(--colorful-orange-600);
            --elements-shadow-dropdown: var(--light-grey-600);
            --elements-bg-hover: var(--light-grey-200);
            --elements-bg-pressed: var(--light-blue-100);
            --elements-chips-normal: var(--light-grey-250);
            --elements-chips-hover: var(--light-grey-300);
            --elements-chips-pressed: var(--light-grey-600);
            --elements-chips-normal-current: var(--light-blue-100);
            --elements-chips-hover-current: var(--light-blue-200);
            --elements-chips-pressed-current: var(--light-blue-350);
            --elements-chips-regular-hover: var(--light-grey-300);
            --elements-chips-regular-pressed: var(--light-grey-600);
            --invert-text: var(--light-white);
            --invert-accent-normal: var(--product-blue-400);
            --invert-accent-hover: var(--product-blue-300);
            --invert-background: var(--dark-grey-dark-800);
            --invert-element-normal: var(--dark-grey-grey-500);
            --invert-element-hover: var(--light-grey-400);
            --invert-element-white: var(--light-white);
            --badge-green-text: var(--colorful-green-600);
            --badge-green-bgd: var(--colorful-green-100);
            --badge-orange-text: var(--colorful-orange-600);
            --badge-orange-bgd: var(--colorful-orange-100);
            --badge-red-text: var(--colorful-red-600);
            --badge-red-bgd: var(--colorful-red-100);
            --badge-grey-text: var(--colorful-grey-700);
            --badge-grey-bgd: var(--colorful-grey-300);
            --badge-purple-text: var(--colorful-purple-600);
            --badge-purple-bgd: var(--colorful-purple-100);
            --badge-blue-text: var(--product-blue-700);
            --badge-blue-bgd: var(--colorful-blue-200)
        }
    }@layer status {
        :root {
            --status-grey-01-text: #5f6d79;
            --status-grey-01-bg: #e1e3e6;
            --status-red-01-text: #e50347;
            --status-red-01-bg: #ffdcdc;
            --status-orange-01-bg: #fae1ca;
            --status-orange-01-text: #db5202;
            --status-brown-01-text: #694b1e;
            --status-brown-01-bg: #f2eae0;
            --status-green-01-text: #0d8a56;
            --status-green-01-bg: #defcf0;
            --status-green-03-text: #fff;
            --status-green-03-bg: #0db04e;
            --status-green-02-text: #608933;
            --status-green-02-bg: #daf6c0;
            --status-green-04-text: #3d3d3d;
            --status-green-04-bg: #ffe55a;
            --status-blue-01-text: #fff;
            --status-blue-01-bg: #1f9cf6;
            --status-blue-02-text: #018bd4;
            --status-blue-02-bg: #e4f1fb;
            --status-blue-03-text: #034a96;
            --status-blue-03-bg: #d9e9fe;
            --status-grey-02-text: #427081;
            --status-grey-02-bg: #eaf9fa;
            --status-pink-01-text: #fff;
            --status-pink-01-bg: #ff1264;
            --status-violet-01-text: #722ac5;
            --status-violet-01-bg: #f2eafb;
            --status-brown-02-text: #fff;
            --status-brown-02-bg: #f2af4b;
            --status-black-01-text: #091739;
            --status-black-01-bg: #c5c7cc
        }
    }
    }
}