@layer reset, base, components, overrides, workspace-theme, cls-site-theme;

@layer reset {


    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0;
        margin-block: 0;
        margin-inline: 0;
        font-size: inherit;
        font-weight: inherit;
    }

    textarea:focus-visible {
        outline: 0;
    }

    button {
        color: inherit;
        font: inherit;
        align-items: center;
        appearance: auto;
        letter-spacing: normal;
        word-spacing: normal;
        white-space: nowrap;
        margin: 0;
        cursor: pointer;
        outline: none;
        border: 0;
        background-color: transparent;
        border-radius: 0;
    }

    dl {
        margin-block: 0;
    }

    dd {
        margin-inline: 0;
    }


}

@layer base {

    @keyframes spin { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg); } }
    @keyframes spin { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg); } }
    @keyframes onAutoFillStart {}
    @keyframes onAutoFillCancel {}


    :root {
        --font-weight-base: 400;
        --hover-gradient-light: linear-gradient(rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.06));
        --hover-gradient-dark: linear-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25));
        --spacing: .25rem;
        --background-transition: background 0.3s linear;
        --font-family-base: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        --font-family-mono: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Monaco,"Courier New",monospace;
        --font-weight-strong: 600;
        --font-weight-weak: 400;
        --radius-base: 2px;
        --control-size-xlarge: 42px;
        --control-size-large: 36px;
        --control-size-medium: 30px;
        --control-size-small: 24px;
        --font-size-display: 3rem;
        --font-size-h1: calc(var(--spacing) * 7.5);
        --font-size-h2: calc(var(--spacing) * 6);
        --font-size-h3: calc(var(--spacing) * 5);
        --font-size-h4: calc(var(--spacing) * 4.5);
        --font-size-h5: calc(var(--spacing) * 4);
        --font-size-xxs: 0.625rem;
        --font-size-xs: 0.75rem;
        --font-size-sm: 0.875rem;
        --font-size-base: 1rem;
        --line-height-display: 4rem;
        --line-height-h1: calc(var(--spacing) * 9);
        --line-height-h2: calc(var(--spacing) * 7);
        --line-height-h3: calc(var(--spacing) * 6);
        --line-height-h4: calc(var(--spacing) * 5);
        --line-height-h5: calc(var(--spacing) * 4.5);
        --line-height-xxs: 0.75rem;
        --line-height-xs: 0.875rem;
        --line-height-sm: 1.25rem;
        --line-height-base: 1.5rem;
        --grey-solid-1000: hsl(0 0% 0%);
        --grey-solid-900: hsl(230 18% 8%);
        --grey-solid-850: hsl(230 14% 13%);
        --grey-solid-800: hsl(230 11% 18%);
        --grey-solid-50: hsl(230 33% 97%);
        --grey-solid-0: hsl(0 0% 100%);
        --grey-slate-solid-1000: #000;
        --grey-slate-solid-900: #12131a;
        --grey-slate-solid-850: #1d1e26;
        --grey-slate-solid-800: #292b33;
        --grey-slate-solid-50: #f5f6fa;
        --grey-slate-solid-0: #fff;
        --yellow-solid-1000: hsl(44 100% 59%);
        --grey-light-1000: hsl(230 100% 8% / 0.90);
        --grey-light-700: hsl(230 100% 10% / 0.65);
        --grey-light-500: hsl(230 100% 15% / 0.45);
        --grey-light-300: hsl(230 100% 18% / 0.25);
        --grey-light-100: hsl(230 100% 20% / 0.10);
        --grey-light-50: hsl(230 100% 25% / 0.04);
        --grey-light-25: hsl(230 100% 25% / 0.02);
        --grey-slate-light-1000: hsl(225 100% 7% / 0.90);
        --grey-slate-light-700: hsl(225 100% 11% / 0.65);
        --grey-slate-light-500: hsl(225 100% 15% / 0.45);
        --grey-slate-light-300: hsl(225 100% 21% / 0.25);
        --grey-slate-light-100: hsl(225 100% 27% / 0.10);
        --grey-slate-light-50: hsl(225 100% 30% / 0.04);
        --grey-slate-light-25: hsl(225 100% 30% / 0.02);
        --purple-light-1000: hsl(265 58% 54% / 1.00);
        --purple-light-800: hsl(265 58% 54% / 0.80);
        --purple-light-200: hsl(265 58% 54% / 0.20);
        --purple-light-50: hsl(265 58% 54% / 0.05);
        --blue-light-1000: hsl(230 65% 57% / 1.00);
        --blue-light-800: hsl(230 65% 57% / 0.80);
        --blue-light-200: hsl(230 65% 57% / 0.20);
        --blue-light-50: hsl(230 100% 68% / 0.05);
        --red-light-1000: hsl(0 56% 50% / 1.00);
        --red-light-800: hsl(0 56% 50% / 0.80);
        --red-light-200: hsl(0 56% 50% / 0.14);
        --red-light-50: hsl(0 56% 50% / 0.05);
        --amber-light-1000: hsl(42 69% 33% / 1.00);
        --amber-light-800: hsl(42 69% 33% / 0.80);
        --amber-light-200: hsl(42 69% 33% / 0.20);
        --amber-light-50: hsl(42 100% 59% / 0.05);
        --green-light-1000: hsl(162 90% 25% / 1.00);
        --green-light-800: hsl(162 90% 25% / 0.80);
        --green-light-200: hsl(162 90% 25% / 0.20);
        --green-light-50: hsl(162 90% 42% / 0.05);
        --teal-light-1000: hsl(202 74% 38% / 1.00);
        --teal-light-800: hsl(202 74% 38% / 0.80);
        --teal-light-200: hsl(202 74% 38% / 0.20);
        --teal-light-50: hsl(202 100% 57% / 0.05);
        --grey-dark-1000: hsl(0 0% 100% / 1.00);
        --grey-dark-700: hsl(0 0% 100% / 0.78);
        --grey-dark-500: hsl(0 0% 100% / 0.69);
        --grey-dark-300: hsl(0 0% 100% / 0.60);
        --grey-dark-100: hsl(0 0% 100% / 0.12);
        --grey-dark-50: hsl(0 0% 100% / 0.06);
        --grey-dark-25: hsl(0 0% 100% / 0.03);
        --purple-dark-1000: hsl(265 100% 85% / 1.00);
        --purple-dark-800: hsl(265 100% 85% / 0.80);
        --purple-dark-200: hsl(265 100% 85% / 0.20);
        --purple-dark-50: hsl(265 100% 85% / 0.05);
        --blue-dark-1000: hsl(230 100% 82% / 1.00);
        --blue-dark-800: hsl(230 100% 82% / 0.80);
        --blue-dark-200: hsl(230 100% 82% / 0.20);
        --blue-dark-50: hsl(230 100% 82% / 0.06);
        --red-dark-1000: hsl(0 100% 80% / 1.00);
        --red-dark-800: hsl(0 100% 80% / 0.80);
        --red-dark-200: hsl(0 100% 80% / 0.20);
        --red-dark-50: hsl(0 100% 80% / 0.08);
        --amber-dark-1000: hsl(42 65% 66% / 1.00);
        --amber-dark-800: hsl(42 65% 66% / 0.80);
        --amber-dark-200: hsl(42 65% 66% / 0.20);
        --amber-dark-50: hsl(42 65% 66% / 0.08);
        --green-dark-1000: hsl(162 41% 62% / 1.00);
        --green-dark-800: hsl(162 41% 62% / 0.80);
        --green-dark-200: hsl(162 41% 62% / 0.20);
        --green-dark-50: hsl(162 41% 62% / 0.08);
        --teal-dark-1000: hsl(202 67% 70% / 1.00);
        --teal-dark-800: hsl(202 67% 70% / 0.80);
        --teal-dark-200: hsl(202 67% 70% / 0.20);
        --teal-dark-50: hsl(202 67% 70% / 0.08);
        --overlay-white: hsl(0 0% 100% / 1%);
        --overlay-black: hsl(0 0% 0% / 1%);
    }

    .light {
        --scrollbar-color: #a4a4a4;
        --scrollbar-bg-color: transparent;
        --shadow-1: 0 0 2px 0 rgba(10, 13, 18, 0.14);
        --shadow-2: 0 0 4px 0 rgba(10, 13, 18, 0.14);
        --shadow-3: 0 0 6px 1px rgba(10, 13, 18, 0.14);
        --shadow-4: 0 0 10px 2px rgba(10, 13, 18, 0.13);
        --shadow-5: 0 0 14px 3px rgba(10, 13, 18, 0.13);
        --shadow-6: 0 0 18px 4px rgba(10, 13, 18, 0.13);
        --shadow-7: 0 4px 16px 0 rgba(10, 13, 18, 0.15);
        --shadow-8: 0 6px 24px 0 rgba(10, 13, 18, 0.16);
        --shadow-9: 0 8px 32px 0 rgba(10, 13, 18, 0.17);
        --shadow-10: 0 10px 40px 0 rgba(10, 13, 18, 0.18);
        --shadow-11: 0 12px 48px 0 rgba(10, 13, 18, 0.19);
        --shadow-12: 0 16px 64px 0 rgba(10, 13, 18, 0.20);
        --hover-gradient: var(--hover-gradient-light);
        --color-shadow-base: 10, 13, 18;
        --brand-light-1000: var(--blue-light-1000);
        --brand-light-800: var(--blue-light-800);
        --brand-light-200: var(--blue-light-200);
        --brand-light-50: var(--blue-light-50);
        --brand-dark-1000: var(--blue-dark-1000);
        --brand-dark-800: var(--blue-dark-800);
        --brand-dark-200: var(--blue-dark-200);
        --brand-dark-50: var(--blue-dark-50);
        --selection-control-color: var(--grey-light-700);
        --selection-control-checked-color: var(--brand-light-1000);
        --link-color: #0000EE;
        --link-hover-color: #003aff;
        --link-active-color: #551A8B;
        --link-visited-color: #551A8B;
        --text-alternate: var(--grey-slate-solid-50);
        --text-weakest: var(--grey-light-100);
        --text-weaker: var(--grey-light-300);
        --text-weak: var(--grey-light-500);
        --text-normal: var(--grey-light-700);
        --text-strong: var(--grey-light-1000);
        --text-strongest: #000;
        --text-brand: var(--brand-light-1000);
        --text-disabled: var(--grey-light-500);
        --text-error: var(--red-light-1000);
        --text-warning: var(--amber-light-1000);
        --text-success: var(--green-light-1000);
        --text-information: var(--teal-light-1000);
        --text-brand-inverse-strong: var(--grey-dark-1000);
        --text-brand-inverse-weak: var(--grey-dark-700);
        --text-brand-inverse-disabled: var(--grey-dark-100);
        --text-inverse-strong: var(--grey-dark-1000);
        --text-inverse-weak: var(--grey-dark-700);
        --text-inverse-disabled: var(--grey-dark-100);
        --stroke-strong: var(--grey-light-500);
        --stroke-weak: var(--grey-light-100);
        --stroke-selected: var(--blue-light-1000);
        --stroke-focus: var(--blue-light-800);
        --stroke-disabled: var(--grey-light-100);
        --stroke-brand-strong: var(--brand-light-800);
        --stroke-brand-weak: var(--brand-light-200);
        --stroke-error-strong: var(--red-light-800);
        --stroke-error-weak: var(--red-light-200);
        --stroke-warning-strong: var(--amber-light-800);
        --stroke-warning-weak: var(--amber-light-200);
        --stroke-success-strong: var(--green-light-800);
        --stroke-success-weak: var(--green-light-200);
        --stroke-information-strong: var(--teal-light-800);
        --stroke-information-weak: var(--teal-light-200);
        --stroke-inverse-strong: var(--grey-dark-500);
        --stroke-inverse-weak: var(--grey-dark-100);
        --stroke-inverse-disabled: var(--grey-dark-100);
        --icon-neutral: var(--grey-light-700);
        --icon-brand: var(--brand-light-800);
        --icon-disabled: var(--grey-light-300);
        --icon-error: var(--red-light-800);
        --icon-warning: var(--amber-light-800);
        --icon-success: var(--green-light-800);
        --icon-information: var(--teal-light-800);
        --icon-inverse: var(--grey-dark-500);
        --icon-inverse-strong: var(--grey-dark-1000);
        --icon-inverse-disabled: var(--grey-dark-100);
        --fill-strong: var(--grey-light-1000);
        --fill-weak: var(--grey-light-50);
        --fill-weaker: var(--grey-light-25);
        --fill-press: var(--grey-light-100);
        --fill-selected: var(--blue-light-1000);
        --fill-disabled: var(--grey-light-100);
        --fill-overlay: var(--grey-light-500);
        --fill-neutral: var(--grey-slate-light-500);
        --fill-brand-strong: var(--brand-light-1000);
        --fill-brand-weak: var(--brand-light-50);
        --fill-error-strong: var(--red-light-1000);
        --fill-error-weak: var(--red-light-50);
        --fill-warning-strong: var(--amber-light-1000);
        --fill-warning-weak: var(--amber-light-50);
        --fill-success-strong: var(--green-light-1000);
        --fill-success-weak: var(--green-light-50);
        --fill-information-strong: var(--teal-light-1000);
        --fill-information-weak: var(--teal-light-50);
        --fill-inverse-strong: var(--grey-solid-0);
        --fill-inverse-weak: var(--grey-dark-50);
        --fill-inverse-hover: var(--grey-dark-50);
        --fill-inverse-press: var(--grey-dark-100);
        --fill-inverse-disabled: var(--grey-dark-100);
        --fill-white: var(--grey-solid-0);
        --fill-yellow: var(--yellow-solid-1000);
        --bg-base: var(--grey-solid-0);
        --bg-raised: var(--grey-solid-0);
        --bg-overlay: var(--grey-solid-0);
        --bg-sunken: var(--grey-solid-50);
        --bg-alternate: var(--cls-color-gray-2);
        --bg-brand: var(--brand-light-1000);
        --bg-inverse: var(--grey-solid-900);
    }

    .dark {
        --scrollbar-color: #525252;
        --scrollbar-bg-color: transparent;
        --shadow-1: 0 0 2px 0 rgba(0, 0, 0, 0.22);
        --shadow-2: 0 0 4px 0 rgba(0, 0, 0, 0.24);
        --shadow-3: 0 1px 6px 0 rgba(0, 0, 0, 0.26);
        --shadow-4: 0 2px 10px 0 rgba(0, 0, 0, 0.28);
        --shadow-5: 0 4px 14px 0 rgba(0, 0, 0, 0.30);
        --shadow-6: 0 6px 18px 0 rgba(0, 0, 0, 0.32);
        --shadow-7: 0 4px 16px 0 rgba(0, 0, 0, 0.40), 0 0 0 1px rgba(255, 255, 255, 0.02);
        --shadow-8: 0 6px 24px 0 rgba(0, 0, 0, 0.48), 0 0 0 1px rgba(255, 255, 255, 0.025);
        --shadow-9: 0 8px 32px 0 rgba(0, 0, 0, 0.56), 0 0 0 1px rgba(255, 255, 255, 0.03);
        --shadow-10: 0 10px 40px 0 rgba(0, 0, 0, 0.64), 0 0 0 1px rgba(255, 255, 255, 0.035);
        --shadow-11: 0 16px 52px 0 rgba(0, 0, 0, 0.74), 0 0 0 1px rgba(255, 255, 255, 0.04);
        --shadow-12: 0 24px 70px 0 rgba(0, 0, 0, 0.85), 0 0 0 1px rgba(255, 255, 255, 0.05);
        --hover-gradient: var(--hover-gradient-dark);
        --color-shadow-base: 255, 255, 255;
        --brand-light-1000: var(--blue-light-1000);
        --brand-light-800: var(--blue-light-800);
        --brand-light-200: var(--blue-light-200);
        --brand-light-50: var(--blue-light-50);
        --brand-dark-1000: var(--blue-dark-1000);
        --brand-dark-800: var(--blue-dark-800);
        --brand-dark-200: var(--blue-dark-200);
        --brand-dark-50: var(--blue-dark-50);
        --selection-control-color: var(--grey-dark-700);
        --selection-control-checked-color: var(--brand-dark-1000);
        --link-color: var(--blue-dark-1000);
        --link-hover-color: hsl(218.71deg 100% 82%);
        --link-active-color: #c596ef;
        --link-visited-color: #c596ef;
        --text-alternate: var(--grey-dark-700);
        --text-weakest: var(--grey-dark-100);
        --text-weaker: var(--grey-dark-300);
        --text-weak: var(--grey-dark-500);
        --text-normal: var(--grey-dark-700);
        --text-strong: var(--grey-dark-1000);
        --text-strongest: #fff;
        --text-brand: var(--brand-dark-1000);
        --text-disabled: var(--grey-dark-100);
        --text-error: var(--red-dark-1000);
        --text-warning: var(--amber-dark-1000);
        --text-success: var(--green-dark-1000);
        --text-information: var(--teal-dark-1000);
        --text-brand-inverse-strong: var(--grey-light-1000);
        --text-brand-inverse-weak: var(--grey-light-700);
        --text-brand-inverse-disabled: var(--grey-light-100);
        --text-inverse-strong: var(--grey-light-1000);
        --text-inverse-weak: var(--grey-light-700);
        --text-inverse-disabled: var(--grey-light-100);
        --stroke-strong: var(--grey-dark-500);
        --stroke-weak: var(--grey-dark-100);
        --stroke-selected: var(--blue-dark-1000);
        --stroke-focus: var(--brand-dark-800);
        --stroke-disabled: var(--grey-dark-100);
        --stroke-brand-strong: var(--brand-dark-800);
        --stroke-brand-weak: var(--brand-dark-200);
        --stroke-error-strong: var(--red-dark-800);
        --stroke-error-weak: var(--red-dark-200);
        --stroke-warning-strong: var(--amber-dark-800);
        --stroke-warning-weak: var(--amber-dark-200);
        --stroke-success-strong: var(--green-dark-800);
        --stroke-success-weak: var(--green-dark-200);
        --stroke-information-strong: var(--teal-dark-800);
        --stroke-information-weak: var(--teal-dark-200);
        --stroke-inverse-strong: var(--grey-light-500);
        --stroke-inverse-weak: var(--grey-light-100);
        --stroke-inverse-disabled: var(--grey-light-100);
        --icon-neutral: var(--grey-dark-700);
        --icon-brand: var(--brand-dark-800);
        --icon-disabled: var(--grey-dark-100);
        --icon-error: var(--red-dark-800);
        --icon-warning: var(--amber-dark-800);
        --icon-success: var(--green-dark-800);
        --icon-information: var(--teal-dark-800);
        --icon-inverse: var(--grey-light-500);
        --icon-inverse-strong: var(--grey-light-1000);
        --icon-inverse-disabled: var(--grey-light-100);
        --fill-strong: var(--grey-dark-1000);
        --fill-weak: var(--grey-dark-50);
        --fill-weaker: var(--grey-dark-25);
        --fill-press: var(--grey-dark-100);
        --fill-selected: var(--blue-dark-800);
        --fill-disabled: var(--grey-dark-100);
        --fill-overlay: var(--grey-dark-1000);
        --fill-neutral: var(--grey-dark-700);
        --fill-brand-strong: var(--brand-dark-1000);
        --fill-brand-weak: var(--brand-dark-50);
        --fill-error-strong: var(--red-dark-1000);
        --fill-error-weak: var(--red-dark-50);
        --fill-warning-strong: var(--amber-dark-1000);
        --fill-warning-weak: var(--amber-dark-50);
        --fill-success-strong: var(--green-dark-1000);
        --fill-success-weak: var(--green-dark-50);
        --fill-information-strong: var(--teal-dark-1000);
        --fill-information-weak: var(--teal-dark-50);
        --fill-inverse-strong: var(--grey-solid-900);
        --fill-inverse-weak: var(--grey-light-50);
        --fill-inverse-hover: var(--grey-light-50);
        --fill-inverse-press: var(--grey-light-100);
        --fill-inverse-disabled: var(--grey-light-100);
        --fill-white: var(--grey-solid-0);
        --fill-yellow: var(--yellow-solid-1000);
        --bg-base: var(--grey-solid-900);
        --bg-raised: var(--grey-solid-850);
        --bg-overlay: var(--grey-solid-800);
        --bg-sunken: var(--grey-solid-1000);
        --bg-alternate: #595959;
        --bg-brand: var(--brand-dark-1000);
        --bg-inverse: var(--grey-solid-0);
    }

    .text-display {
        margin: 0;
        font-size: var(--font-size-display);
        line-height: var(--line-height-display);
        letter-spacing: -1px;
        font-weight: var(--font-weight-strong);
        color: var(--text-strong);
    }

    h2,
    rene-heading[level="h2"] {
        margin-bottom: calc(var(--spacing) * 4);
        margin-top: calc(var(--spacing) * 8);
    }

    h2,
    rene-heading[level="h2"] h2,
    .text-h2 {
        font-size: var(--font-size-h2);
        line-height: var(--line-height-h2);
        font-weight: var(--font-weight-strong);
        color: var(--text-strong);
    }

    h3,
    rene-heading[level="h3"] {
        margin-bottom: calc(var(--spacing) * 3);
        margin-top: calc(var(--spacing) * 8);
    }

    h3,
    rene-heading[level="h3"] h3,
    .text-h3 {
        font-size: var(--font-size-h3);
        line-height: var(--line-height-h3);
        font-weight: var(--font-weight-strong);
        color: var(--text-strong);
    }

    h4,
    rene-heading[level="h4"] {
        margin-bottom: calc(var(--spacing) * 2);
        margin-top: calc(var(--spacing) * 5);
    }

    h4,
    rene-heading[level="h4"] h4,
    .text-h4 {
        font-size: var(--font-size-h4);
        line-height: var(--line-height-h4);
        font-weight: var(--font-weight-strong);
        color: var(--text-strong);
    }

    h5,
    rene-heading[level="h5"] {
        margin-bottom: calc(var(--spacing) * 1);
        margin-top: calc(var(--spacing) * 3);
    }

    h5,
    rene-heading[level="h5"] h5,
    .text-h5 {
        font-size: var(--font-size-h5);
        line-height: var(--line-height-h5);
        font-weight: var(--font-weight-strong);
        color: var(--text-strong);
    }

    h6,
    rene-heading[level="h6"],
    .text-h6 {
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm);
        color: var(--text-strong);
        font-weight: 500;
    }

    .text-uppercase {
        margin: 0;
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm);
        text-transform: uppercase;
    }

    .text-annotation {
        font-family: var(--font-family-mono);
        font-size: var(--font-size-sm);
        line-height: 150%;
    }

    p {
        margin: 0 0 1em 0;
    }

    .text-weakest {
        color: var(--text-weakest);
    }

    .text-weaker {
        color: var(--text-weaker);
    }

    .text-weak {
        color: var(--text-weak);
    }

    .text-normal {
        color: var(--text-normal);
    }

    .text-strong {
        color: var(--text-strong);
    }

    .text-strongest {
        color: var(--text-strongest);
    }

    .text-brand {
        color: var(--text-brand);
    }

    .text-error {
        color: var(--text-error);
    }

    .text-warning {
        color: var(--text-warning);
    }

    .text-information {
        color: var(--text-information);
    }

    .text-success {
        color: var(--text-success);
    }

    .text-xxs {
        font-size: var(--font-size-xxs);
        line-height: var(--line-height-xxs);
    }

    .text-xs {
        font-size: var(--font-size-xs);
        line-height: var(--line-height-xs);
    }

    .text-sm {
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm);
    }

    .text-base {
        font-size: var(--font-size-base);
        line-height: var(--line-height-base);
    }

    html {
        height: 100%;
        width: 100%;
        min-width: var(--page-min-width);
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-size: 16px;
        font-feature-settings: normal;
        font-variation-settings: normal;
        -webkit-text-size-adjust: 100%;
    }

    body {
        font-family: var(--font-family-base);
        font-size: var(--font-size-base);
        line-height: var(--line-height-base);
        font-weight: var(--font-weight-base);
        position: relative;
        height: 100%;
        width: 100%;
        min-width: var(--page-min-width);
        overflow-y: hidden;
        overflow-x: auto;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        background-color: var(--bg-base);
        color: var(--text-normal);
    }

    blockquote footer,
    blockquote cite {
        display: block;
        margin-top: 0.20em;
        font-size: 0.9em;
        opacity: .85;
        font-style: normal;
    }

    .rene-selected:not(.hide-selection) {
        background-color: var(--fill-selected);
        border-color: var(--stroke-selected);
        color: var(--text-inverse-strong);
    }

    a {
        text-decoration: none;
    }

    a:link {
        color: var(--link-color);
    }

    a:visited {
        color: var(--link-visited-color);
    }

    a:hover {
        color: var(--link-hover-color);
        text-decoration: underline;
    }

    a:active {
        color: var(--link-active-color);
        text-decoration: underline;
    }

    label,
    rene-tree-item,
    rene-item,
    rene-button,
    h4,
    h5,
    h6,
    rene-toolbox-view {
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    fieldset {
        margin-inline: 0;
        margin-block: 0;
        padding-block: 0;
        padding-inline: 0;
        border: none;
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-auto-rows: auto;
        gap: 10px;
    }

    fieldset+fieldset {
        margin-top: 10px;
    }

    fieldset>*,
    fieldset>.contents>* {
        grid-column: span 12;
    }


    @media (max-width: 767px)         {
        :root {
            --font-size-display: 2.5rem;
            --font-size-h1: 2.25rem;
            --font-size-h2: 1.75rem;
            --font-size-h3: 1.5rem;
            --line-height-display: 3rem;
            --line-height-h1: 2.75rem;
            --line-height-h2: 2.25rem;
            --line-height-h3: 2rem;
        }

    }

}

@layer components {


    h1,
    rene-heading[level="h1"] {
        margin-bottom: calc(var(--spacing) * 5);
        margin-top: calc(var(--spacing) * 10);
    }

    h1,
    rene-heading[level="h1"] h1,
    .text-h1 {
        font-size: var(--font-size-h1);
        line-height: var(--line-height-h1);
        letter-spacing: -0.5px;
        font-weight: var(--font-weight-strong);
        color: var(--text-strong);
    }

    rene-heading[level="h1"] .additional-text {
        font-size: var(--font-size-h3);
        line-height: var(--line-height-h3);
    }

    rene-heading[level="h2"] .additional-text {
        font-size: var(--font-size-h4);
        line-height: var(--line-height-h4);
    }

    rene-heading[level="h3"] .additional-text {
        font-size: var(--font-size-h5);
        line-height: var(--line-height-h5);
    }

    rene-heading[level="h4"] .additional-text {
        font-size: var(--font-size-base);
        line-height: var(--line-height-base);
    }

    rene-heading[level="h5"] .additional-text {
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm);
    }

    rene-heading[level="h6"] .additional-text {
        font-size: var(--font-size-sm);
        line-height: var(--line-height-sm);
    }

    rene-heading h1,
    rene-heading h2,
    rene-heading h3,
    rene-heading h4,
    rene-heading h5,
    rene-heading h6 {
        margin-bottom: 0;
        margin-top: 0;
    }

    rene-property-header {
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        gap: 4px;
        color: var(--text-strong);
        font-weight: 300;
        font-size: var(--font-size-base);
        padding-inline: 2px;
    }

    rene-property-validation {
        display: flex;
        flex-direction: column;
        gap: 4px;
        color: var(--text-error);
        font-size: var(--font-size-xs);
        line-height: 1.1;
        padding-inline: 3px;
    }

    rene-property-validation>* {
        display: none;
    }

    rene-property-validation>*[active] {
        display: flex;
    }

    rene-property-validation>*[show-hint] {
        display: block;
        color: var(--text-warning);
    }

    rene-property-validation>*[validation-state="success"] {
        color: var(--text-success);
    }

    rene-property-validation>*[validation-state="warning"] {
        color: var(--text-warning);
    }

    rene-property-validation>*[validation-state="error"] {
        color: var(--text-error);
    }

    rene-password-strength-validation[digit-valid]>span[digit],
    rene-password-strength-validation[min-length-valid]>span[min-length],
    rene-password-strength-validation[upper-case-valid]>span[upper-case],
    rene-password-strength-validation[lower-case-valid]>span[lower-case],
    rene-password-strength-validation[special-char-valid]>span[special-char] {
        color: var(--text-success);
    }

    rene-property.small>rene-property-header {
        font-size: 12px;
        line-height: 12px;
    }

    rene-property.medium>rene-property-header {
        font-size: 14px;
        line-height: 14px;
    }

    rene-property.large>rene-property-header {
        font-size: 16px;
        line-height: 16px;
    }

    rene-property.xlarge>rene-property-header {
        font-size: 18px;
        line-height: 18px;
    }

    [requirement="required"]>rene-property-header>label::after {
        content: '*';
        vertical-align: top;
        margin-left: 6px;
        color: var(--text-normal);
        font-size: var(--font-size-base);
    }

    [requirement="optional"] rene-property-header>label::after {
        content: '(optional)';
        margin-left: 6px;
        color: var(--text-normal);
        font-size: var(--font-size-sm);
    }

    [requirement="recommended"] rene-property-header>label::after {
        content: '(empfohlen)';
        margin-left: 6px;
        color: var(--text-normal);
        font-size: var(--font-size-sm);
    }

    rene-property>.control-wrapper {
        display: flex;
        flex-direction: row;
    }

    rene-property>.input-wrapper,
    rene-search-box.input-wrapper {
        border: 1px solid var(--stroke-weak);
        background-color: var(--fill-inverse-strong);
    }

    .input-wrapper {
        position: relative;
    }

    .input-wrapper>input {
        border-width: 0;
        outline: none;
        background-color: transparent;
        color: var(--text-strongest);
        flex: 1;
        min-width: 0;
    }

    [invalid]>.input-wrapper {
        border-color: var(--stroke-error-strong);
    }

    [invalid]>.input-wrapper>input {
        background-color: var(--fill-error-weak);
    }

    [disabled] label {
        color: var(--text-disabled) !important;
    }

    [disabled] label::after {
        color: var(--text-disabled) !important;
    }

    [disabled]>.input-wrapper {
        border-color: var(--stroke-disabled) !important;
    }

    [disabled]>.input-wrapper>input {
        color: var(--text-disabled) !important;
    }

    rene-property>.validation-error {
        color: var(--text-error);
        font-size: var(--font-size-sm);
        font-weight: 500;
    }

    rene-property.xlarge>.input-wrapper,
    rene-search-box.xlarge.input-wrapper,
    .property.xlarge {
        height: var(--control-size-xlarge);
        border-radius: calc(var(--radius-base) * 4);
    }

    rene-property.xlarge>.input-wrapper>input {
        border-radius: calc(var(--radius-base) * 4);
    }

    rene-property.xlarge>.input-wrapper>input,
    rene-search-box.xlarge.input-wrapper>input {
        padding: 0 16px;
        font-size: var(--font-size-h3);
    }

    rene-property.large>.input-wrapper,
    rene-search-box.large.input-wrapper,
    .property.large {
        height: var(--control-size-large);
        border-radius: calc(var(--radius-base) * 3);
    }

    rene-property.large>.input-wrapper>input {
        border-radius: calc(var(--radius-base) * 3);
    }

    rene-property.large>.input-wrapper>input,
    rene-search-box.large.input-wrapper>input {
        padding: 0 12px;
        font-size: var(--font-size-h4);
    }

    rene-property.medium>.input-wrapper,
    rene-search-box.medium.input-wrapper,
    .property.medium {
        height: var(--control-size-medium);
        border-radius: calc(var(--radius-base) * 2);
    }

    rene-property.medium>.input-wrapper>input {
        border-radius: calc(var(--radius-base) * 2);
    }

    rene-property.medium>.input-wrapper>input,
    rene-search-box.medium.input-wrapper>input {
        padding: 0 8px;
        font-size: var(--font-size-base);
    }

    rene-property.small>.input-wrapper,
    rene-search-box.small.input-wrapper,
    .property.small {
        height: var(--control-size-small);
        border-radius: calc(var(--radius-base) * 2);
    }

    rene-property.small>.input-wrapper>input {
        border-radius: calc(var(--radius-base) * 2);
    }

    rene-property.small>.input-wrapper>input,
    rene-search-box.small.input-wrapper>input {
        padding: 0 6px;
        font-size: var(--font-size-sm);
    }

    rene-section {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    rene-header rene-section.rene-root-responsive {
        padding-right: 9px;
    }

    rene-section>rene-section-body {
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
    }

    rene-section:not(.rene-root-centered)>rene-section-body {
        width: 100%;
    }

    rene-section.rene-root-responsive {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    rene-section.rene-root-responsive>rene-section-body {
        padding-inline: 1.5rem;
    }

    rene-section.rene-root-centered {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    rene-section.rene-root-padded>rene-section-body {
        display: flex;
        flex-direction: column;
        padding: .8rem .6rem;
    }

    rene-section.rene-root-dashboard {
        height: 100%;
    }

    rene-section.rene-root-dashboard>rene-section-body {
        padding: 12px;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }

    rene-divider {
        display: block;
        height: 0;
        width: 100%;
        border-bottom: 1px solid var(--stroke-weak);
        background: none;
        margin: 5px 0;
    }

    rene-divider.vertical {
        display: block;
        width: 1px;
        background-color: var(--stroke-weak);
        margin: 0 5px;
        position: relative;
    }

    rene-expansion-panel {
        display: flex;
        flex-direction: column;
    }

    rene-expansion-panel>rene-expansion-area {
        position: relative;
        display: flex;
        flex-direction: column;
        max-height: max-content;
        transition: max-height 0.8s ease;
    }

    rene-expansion-panel[mode="tree"]>rene-expansion-area {
        margin-left: 24px;
        margin-top: 0;
    }

    rene-expansion-panel[rene-expansion-state="collapsed"]>rene-expansion-area {
        max-height: 0;
        overflow: hidden;
    }

    rene-expansion-panel-switch {
        display: inline-flex;
    }

    rene-expansion-panel-switch>rene-icon {
        display: inline-flex;
        transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    }

    rene-expansion-panel[mode="expander"][rene-expansion-state="expanded"] rene-expansion-panel-switch>rene-icon {
        transform: rotate(180deg);
    }

    rene-expansion-panel[mode="tree"][rene-expansion-state="expanded"] rene-expansion-panel-switch>rene-icon {
        transform: rotate(90deg);
    }

    rene-boolean>label>div.label-childs rene-anchor:not(:first-child) {
        margin-inline: .25em;
    }

    .input-wrapper:has(input:focus-visible),
    .input-wrapper:has(textarea:focus-visible),
    .input-wrapper:has(select:focus-visible),
    input[type="checkbox"]:focus-visible,
    input[type="radio"]:focus-visible,
    rene-command:focus-visible,
    rene-button>button:focus-visible,
    rene-anchor>a:focus-visible {
        outline: var(--stroke-focus) solid 2px;
    }

    rene-icon.feedback-saved {
        position: absolute;
        pointer-events: none;
        opacity: 0;
        transform: scale(0.5);
        z-index: 10;
        top: 50%;
        translate: 0 -50%;
        transition: opacity 0.3s ease, transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

    rene-icon.feedback-saved.is-visible {
        opacity: 1;
        transform: scale(1);
    }

    input:-webkit-autofill {
        animation-name: onAutoFillStart;
    }

    input:not(:-webkit-autofill) {
        animation-name: onAutoFillCancel;
    }

    rene-boolean>label>input {
        margin: 0;
        cursor: pointer;
    }

    rene-boolean label {
        display: flex;
        gap: 8px;
        align-items: flex-start;
    }

    rene-property>rene-boolean>label>input {
        appearance: none;
        border: 1px solid var(--stroke-weak);
        border-radius: 3px;
        position: relative;
        background-color: var(--fill-inverse-strong);
    }

    rene-property>rene-boolean>label>input:checked {
        background-color: var(--selection-control-checked-color);
    }

    rene-property>rene-boolean>label>input:checked::after {
        content: "";
        position: absolute;
        transform: rotate(39deg);
        border-color: var(--fill-inverse-strong);
        border-style: solid;
    }

    rene-property.small>rene-boolean>label {
        font-size: 12px;
        line-height: 16px;
    }

    rene-property.small>rene-boolean>label>input {
        height: 16px;
        width: 16px;
    }

    rene-property.small>rene-boolean>label>input:checked::after {
        left: 3.5px;
        top: -0.5px;
        width: 4px;
        height: 10px;
        border-width: 0 2.5px 2.5px 0;
    }

    rene-property.medium>rene-boolean>label {
        font-size: 14px;
        line-height: 20px;
    }

    rene-property.medium>rene-boolean>label>input {
        height: 20px;
        width: 20px;
    }

    rene-property.medium>rene-boolean>label>input:checked::after {
        left: 5px;
        top: -0.5px;
        width: 5px;
        height: 13px;
        border-width: 0 2.5px 2.5px 0;
    }

    rene-property.large>rene-boolean>label {
        font-size: 16px;
        line-height: 24px;
    }

    rene-property.large>rene-boolean>label>input {
        height: 24px;
        width: 24px;
    }

    rene-property.large>rene-boolean>label>input:checked::after {
        left: 6.3px;
        top: -0.5px;
        width: 6px;
        height: 15px;
        border-width: 0 3px 3px 0;
    }

    rene-property.xlarge>rene-boolean>label {
        font-size: 20px;
        line-height: 32px;
    }

    rene-property.xlarge>rene-boolean>label>input {
        height: 32px;
        width: 32px;
    }

    rene-property.xlarge>rene-boolean>label>input:checked::after {
        left: 9px;
        top: -0.5px;
        width: 8px;
        height: 22px;
        border-width: 0 4px 4px 0;
    }

    rene-property[disabled]>rene-boolean>label {
        color: var(--text-disabled);
    }

    rene-property[disabled]>rene-boolean>label>input {
        background-color: var(--fill-disabled);
    }

    rene-flex {
        display: inline-block;
    }

    rene-button {
        display: inline-flex;
    }

    rene-button>button,
    rene-anchor:not(.link)>a {
        width: 100%;
        position: relative;
        overflow: clip;
        vertical-align: top;
        display: inline-flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        line-height: 1;
        gap: 4px;
        font-weight: var(--font-weight-strong);
    }

    rene-button:not(.flat)>button[disabled] {
        background-color: var(--fill-disabled) !important;
    }

    rene-button>button[disabled],
    rene-anchor:not(.link)>a[disabled] {
        color: var(--text-disabled) !important;
        pointer-events: none;
    }

    rene-button:not(.link)>button:hover,
    rene-button:not(.link)>button:active,
    rene-anchor:not(.link)>a:hover,
    rene-anchor:not(.link)>a:active,
    rene-anchor[active-overlay]>a,
    rene-dockpanel-button:hover,
    rene-dockpanel-button:active {
        background-image: var(--hover-gradient);
    }

    rene-button>button:active::after,
    rene-anchor:not(.link)>a:active::after,
    rene-dockpanel-button:active::after {
        background-color: var(--fill-press);
    }

    rene-button.xlarge>button,
    rene-anchor:not(.link).xlarge>a {
        height: var(--control-size-xlarge);
        padding-inline: 14px;
        font-size: 18px;
        border-radius: calc(var(--radius-base) * 3);
        gap: 5px;
    }

    rene-button.xlarge>button:has(>svg:only-child),
    rene-anchor:not(.link).xlarge>a:has(>svg:only-child) {
        padding-inline: 10px;
    }

    rene-button.large>button,
    rene-anchor:not(.link).large>a {
        height: var(--control-size-large);
        padding-inline: 12px;
        font-size: 16px;
        border-radius: calc(var(--radius-base) * 3);
        gap: 5px;
    }

    rene-button.large>button:has(>svg:only-child),
    rene-anchor:not(.link).large>a:has(>svg:only-child) {
        padding-inline: 8px;
    }

    rene-button.medium>button,
    rene-anchor:not(.link).medium>a {
        height: var(--control-size-medium);
        padding-inline: 12px;
        font-size: 14px;
        border-radius: calc(var(--radius-base) * 2);
    }

    rene-button.medium>button:has(>svg:only-child),
    rene-anchor:not(.link).medium>a:has(>svg:only-child) {
        padding-inline: 6px;
    }

    rene-button.small>button,
    rene-anchor:not(.link).small>a {
        height: var(--control-size-small);
        padding-inline: 8px;
        font-size: 12px;
        gap: 3px;
        border-radius: calc(var(--radius-base) * 1.5);
    }

    rene-button.small>button:has(>svg:only-child),
    rene-anchor:not(.link).small>a:has(>svg:only-child) {
        padding-inline: 4px;
    }

    rene-button.primary.brand>button,
    rene-anchor.primary-button.brand>a {
        color: var(--text-brand-inverse-strong);
        background-color: var(--fill-brand-strong);
    }

    rene-button.secondary.brand>button,
    rene-anchor.secondary-button.brand>a {
        color: var(--text-brand);
        background-color: var(--overlay-white);
        border: 1px solid var(--stroke-brand-strong);
    }

    rene-button.flat.brand>button,
    rene-anchor.flat-button.brand>a {
        color: var(--text-brand);
        box-shadow: none;
    }

    rene-button.link.brand>button {
        color: var(--text-brand);
        box-shadow: none;
        padding-inline: 0;
    }

    rene-button.link>button:hover {
        text-decoration: underline;
    }

    rene-button.link>button:hover::after,
    rene-button.link>button:active::after {
        opacity: 0 !important;
    }

    rene-button.primary.neutral>button,
    rene-anchor.primary-button.neutral>a {
        color: var(--text-inverse-strong);
        background-color: var(--fill-neutral);
    }

    rene-button.secondary.neutral>button,
    rene-anchor.secondary-button.neutral>a {
        color: var(--text-normal);
        background-color: var(--overlay-white);
        border: 1px solid var(--stroke-weak);
    }

    rene-button.flat.neutral>button,
    rene-anchor.flat-button.neutral>a {
        color: var(--text-normal);
        box-shadow: none;
    }

    rene-button.link.neutral>button {
        color: var(--text-normal);
        box-shadow: none;
        padding: 0;
    }

    rene-button.primary.destructive>button,
    rene-anchor.primary-button.destructive>a {
        color: var(--text-inverse-strong);
        background-color: var(--text-error);
    }

    rene-button.secondary.destructive>button,
    rene-anchor.secondary-button.destructive>a {
        color: var(--text-error);
        background-color: var(--overlay-white);
        border: 1px solid var(--stroke-error-strong);
    }

    rene-button.flat.destructive>button,
    rene-anchor.flat-button.destructive>a {
        color: var(--text-error);
        box-shadow: none;
        padding-inline: 4px;
    }

    rene-button.link.destructive>button {
        color: var(--text-error);
        box-shadow: none;
        padding-inline: 0;
    }

    rene-button.primary.caution>button,
    rene-anchor.primary-button.caution>a {
        color: var(--text-inverse-strong);
        background-color: var(--fill-warning-strong);
    }

    rene-button.secondary.caution>button,
    rene-anchor.secondary-button.caution>a {
        color: var(--text-warning);
        background-color: var(--overlay-white);
        border: 1px solid var(--stroke-warning-strong);
    }

    rene-button.flat.caution>button,
    rene-anchor.flat-button.caution>a {
        color: var(--text-warning);
        box-shadow: none;
        padding-inline: 4px;
    }

    rene-button.link.caution>button {
        color: var(--text-warning);
        box-shadow: none;
        padding-inline: 0;
    }

    rene-button.primary.informative>button,
    rene-anchor.primary-button.informative>a {
        color: var(--text-inverse-strong);
        background-color: var(--fill-information-strong);
    }

    rene-button.secondary.informative>button,
    rene-anchor.secondary-button.informative>a {
        color: var(--text-information);
        background-color: var(--overlay-white);
        border: 1px solid var(--stroke-information-strong);
    }

    rene-button.flat.informative>button,
    rene-anchor.flat-button.informative>a {
        color: var(--text-information);
        box-shadow: none;
        padding-inline: 4px;
    }

    rene-button.link.informative>button {
        color: var(--text-information);
        box-shadow: none;
        padding-inline: 0;
    }

    rene-button.primary.success>button,
    rene-anchor.primary-button.success>a {
        color: var(--text-inverse-strong);
        background-color: var(--fill-success-strong);
    }

    rene-button.secondary.success>button,
    rene-anchor.secondary-button.success>a {
        color: var(--text-success);
        background-color: var(--overlay-white);
        border: 1px solid var(--stroke-success-strong);
    }

    rene-button.flat.success>button,
    rene-anchor.flat-button.success>a {
        color: var(--text-success);
        box-shadow: none;
        padding-inline: 4px;
    }

    rene-button.link.success>button {
        color: var(--text-success);
        box-shadow: none;
        padding-inline: 0;
    }

    rene-button.wait::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 8px;
        width: 12px;
        height: 12px;
        border: 2px solid transparent;
        border-top-color: white;
        border-radius: 50%;
        transform: translate(-50%, -50%) rotate(0deg);
        animation: spin 1s linear infinite;
        display: block;
    }

    rene-button.wait>button {
        padding-left: 30px;
    }

    rene-anchor {
        display: inline-flex;
        box-shadow: none !important;
    }

    rene-anchor>a {
        box-sizing: border-box;
        white-space: nowrap;
    }

    rene-anchor.link.brand>a,
    rene-anchor.link.brand>a:hover,
    rene-anchor.link.brand>a:visited,
    rene-anchor.link.brand>a:active {
        color: var(--text-brand);
    }

    rene-anchor.link.neutral>a,
    rene-anchor.link.neutral>a:visited,
    rene-anchor.link.neutral>a:active {
        color: var(--text-normal);
    }

    rene-anchor.link.neutral>a:hover {
        color: var(--text-strongest);
    }

    rene-anchor.link.destructive>a,
    rene-anchor.link.destructive>a:hover,
    rene-anchor.link.destructive>a:visited,
    rene-anchor.link.destructive>a:active {
        color: var(--text-error);
    }

    rene-anchor.link.caution>a,
    rene-anchor.link.caution>a:hover,
    rene-anchor.link.caution>a:visited,
    rene-anchor.link.caution>a:active {
        color: var(--text-warning);
    }

    rene-anchor.link.informative>a,
    rene-anchor.link.informative>a:hover,
    rene-anchor.link.informative>a:visited,
    rene-anchor.link.informative>a:active {
        color: var(--text-information);
    }

    rene-anchor.link.success>a,
    rene-anchor.link.success>a:hover,
    rene-anchor.link.success>a:visited,
    rene-anchor.link.success>a:active {
        color: var(--text-success);
    }

    rene-anchor:not(.link)>a:hover {
        text-decoration: none;
    }

    rene-anchor:not(.link)>a {
        padding: 1px 8px;
        border-radius: calc(var(--radius-base) * 3);
    }

    rene-datagrid {
        --scrollbar-bg-color: #1d1f29;
        display: flex;
        flex-direction: column;
        min-height: 0;
        height: 100%;
        font-size: 14px;
    }

    table-header-container {
        flex: 0 0 auto;
        background-color: var(--bg-base);
        z-index: 2;
        border-bottom: 2px solid var(--stroke-weak);
    }

    table-body-container {
        flex: 1 1 auto;
        overflow-y: auto;
        overflow-x: auto;
        scrollbar-gutter: stable;
    }

    rene-table {
        display: grid;
        grid-template-columns: var(--table-cols);
        grid-auto-rows: var(--control-size-medium);
        align-items: center;
        width: 100%;
    }

    rene-row,
    rene-header-row {
        display: contents;
    }

    [selectable] rene-row:hover rene-cell {
        border-color: rgba(33, 150, 243, 0.12);
    }

    rene-row.rene-selected>rene-cell {
        border-color: transparent;
    }

    rene-header-cell,
    rene-cell {
        display: flex;
        padding: 2px 4px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        align-items: center;
        border-bottom: 1px solid var(--stroke-weak);
    }

    rene-cell {
        padding: 2px 4px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: flex;
        align-items: center;
        border-bottom: 1px solid var(--stroke-weak);
    }

    rene-cell:last-child {
        border-right: none;
    }

    rene-showcase {
        display: flex;
        flex-direction: column;
        position: relative;
    }

    rene-showcase[mode="image-gallery"] {
        position: relative;
        display: grid;
        grid-template-rows: 1fr auto;
        justify-items: center;
        align-items: center;
        justify-content: center;
        align-content: center;
    }

    rene-showcase .gallery-fullscreen-close-button {
        display: none;
    }

    rene-showcase[fullscreen] .gallery-fullscreen-close-button {
        display: flex;
        position: absolute;
        right: 20px;
        top: 20px;
    }

    rene-showcase .gallery-left-button {
        position: absolute;
        left: 10px;
        top: 40%;
    }

    rene-showcase .gallery-right-button {
        position: absolute;
        right: 10px;
        top: 40%;
    }

    rene-showcase>rene-button.right-button {
        position: absolute;
        top: 50%;
        z-index: 990;
        right: 0px;
        transform: translate(0, -50%);
    }

    rene-showcase[mode="carousel"]>rene-button.right-button {
        right: 8px;
    }

    rene-showcase-tabs>rene-button.right-button {
        position: absolute;
        z-index: 990;
        right: 0;
    }

    rene-showcase:not([mode="carousel"] )>rene-button.right-button>button,
    rene-showcase-tabs>rene-button.right-button>button {
        background: #c7c7c7 !important;
        border: 1px solid var(--stroke-strong);
        padding: 24px 0 24px 2px;
        border-radius: 15px;
        opacity: .90;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        color: var(--text-alternate);
    }

    rene-showcase>rene-button.right-button>button:hover,
    rene-showcase-tabs>rene-button.right-button>button:hover {
        opacity: 1;
    }

    rene-showcase>rene-button.left-button {
        position: absolute;
        top: 50%;
        z-index: 990;
        left: 0px;
        transform: translate(0, -50%);
    }

    rene-showcase[mode="carousel"]>rene-button.left-button {
        left: 8px;
    }

    rene-showcase-tabs>rene-button.left-button {
        position: absolute;
        z-index: 990;
        left: 0;
    }

    rene-showcase:not([mode="carousel"] )>rene-button.left-button>button,
    rene-showcase-tabs>rene-button.left-button>button {
        background: #c7c7c7 !important;
        padding: 24px 2px 24px 0;
        border-radius: 15px;
        opacity: .90;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        color: var(--text-alternate);
    }

    rene-showcase-content {
        display: flex;
        flex-direction: row;
        height: 100%;
        max-width: 100%;
        overflow-x: hidden;
        overflow-y: hidden;
        scrollbar-width: none;
    }

    rene-showcase-tabs {
        display: flex;
        flex-direction: row;
        align-items: center;
        box-sizing: border-box;
        max-width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        align-self: center;
    }

    rene-showcase-tabs>rene-item.rene-showcase-anchor-item {
        width: 10px;
        height: 10px;
        background-color: var(--grey-dark-100);
        border-radius: 50px;
    }

    rene-showcase-tabs>rene-item.rene-showcase-anchor-item.active {
        background-color: var(--bg-base);
    }

    rene-showcase-tabs>rene-item.rene-showcase-anchor-item {
        cursor: pointer;
    }

    rene-showcase-tabs>rene-item.rene-showcase-anchor-item.active {
        color: rgba(8, 105, 183, 0.4);
    }

    rene-showcase>rene-showcase-content>rene-item {
        flex: 0 0 100%;
        max-width: 100%;
        background-position: 50%;
        background-size: cover;
        box-sizing: border-box;
        position: relative;
        height: 100%;
    }

    rene-showcase>rene-showcase-content>rene-item[rene-showcase-media] {
        padding: 40px 0;
    }

    rene-showcase>rene-showcase-content.showcase-horizontal-scroll,
    rene-showcase[mode="image-gallery"]>rene-showcase-content {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-padding-left: 6px;
        scroll-behavior: auto !important;
    }

    rene-showcase>rene-showcase-content.showcase-horizontal-scroll>rene-item,
    rene-showcase[mode="image-gallery"]>rene-showcase-content>rene-item {
        scroll-snap-align: start;
    }

    rene-showcase>rene-showcase-content.showcase-horizontal-scroll>rene-item {
        flex: 0;
        min-width: auto;
    }

    rene-image {
        line-height: 0;
        display: flex;
    }

    rene-image.img-centered {
        width: var(--rene-img-width, 100px);
        height: var(--rene-img-height, 100px);
        align-items: center;
        justify-content: center;
        overflow: clip;
        background-color: var(--bg-base);
    }

    rene-image.img-centered>img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        object-fit: contain;
        display: block;
    }

    rene-app-menu {
        display: flex;
        flex-direction: row;
    }

    rene-dl {
        container-type: inline-size;
        --dl-breakpoint: 700px;
        --term-column-width: auto;
        display: flex;
        flex-direction: column;
        row-gap: 20px;
    }

    rene-dl.with-colon dt::after {
        content: ':';
    }

    rene-dl>rene-de {
        display: flex;
        flex-direction: column;
    }

    rene-de>dt {
        font-size: var(--font-size-sm);
        color: var(--text-stronger);
        font-weight: 600;
    }

    rene-dl.wide {
        display: grid;
        grid-template-columns: var(--term-column-width) auto;
        column-gap: 20px;
        row-gap: 4px;
        align-items: start;
        justify-items: start;
    }

    rene-dl.wide>rene-de {
        display: contents;
    }

    rene-dl.wide>rene-de>dt {
        font-size: var(--font-size-base);
        color: var(--text-normal);
        font-weight: unset;
    }

    rene-search-box {
        display: flex;
        align-items: center;
        flex-direction: row;
    }

    rene-search-box>rene-button.clear-search {
        display: none;
    }

    rene-search-box[has-search-term]>rene-button.clear-search {
        display: inline-flex;
    }

    .datalist-search-box-left {
        width: 260px;
    }

    rene-repo {
        height: 100%;
        box-sizing: border-box;
        display: grid;
        grid-template-rows: auto 1fr;
    }

    rene-outlet {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
        position: absolute;
    }

    rene-outlet>rene-toast {
        background: var(--bg-raised);
        border: 1px solid var(--stroke-weak);
        box-shadow: var(--shadow-raised);
        display: flex;
        flex-direction: column;
        row-gap: 20px;
    }

    rene-toast[type="success"] {
        color: var(--text-success);
    }

    rene-toast[type="info"] {
        color: var(--text-info);
    }

    rene-toast[type="error"] {
        color: var(--text-error);
    }


    @container stage-container (min-width: 1280px)         {
        rene-section.rene-root-responsive>rene-section-body {
            max-width: 1180px;
        }

    }

    @media (min-width: 1280px)         {
        rene-header rene-section.rene-root-responsive>rene-section-body {
            max-width: 1180px;
        }

    }

    @container stage-container (min-width: 1325px)         {
        rene-section.rene-root-responsive>rene-section-body {
            max-width: 1280px;
        }

    }

    @media (min-width: 1325px)         {
        rene-header rene-section.rene-root-responsive>rene-section-body {
            max-width: 1280px;
        }

    }

}

@layer overrides {


    body:has([fullscreen] ) rene-header {
        visibility: hidden;
    }

    rene-set>rene-anchor>a {
        justify-content: flex-start;
        align-items: flex-start;
    }

    rene-menu-item>rene-anchor>a {
        justify-content: flex-start;
    }

    rene-showcase[fullscreen] {
        position: fixed;
        inset: 0;
        width: 100vw;
        height: 100vh;
        background: var(--bg-base);
        z-index: 9999;
    }


}

@layer workspace-theme {

    body.workspace-theme {
        --workspace-dark-base: #030318;
        --workspace-dark-sunken: #21232e;
        --workspace-light-base: #EAECF0;
        --workspace-light-sunken: var(--grey-solid-50);
        --font-family-base: "Inter", sans-serif;
    }

    @font-face {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 100 900;
        font-display: swap;
        src: url("InterVariable.woff2") format("woff2");
    }

    @font-face {
        font-family: 'Inter';
        font-style: italic;
        font-weight: 100 900;
        font-display: swap;
        src: url("InterVariable-Italic.woff2") format("woff2");
    }

    .workspace-theme .light {
        --bg-base: var(--workspace-light-base);
        --bg-sunken: var(--workspace-light-sunken);
    }

    .workspace-theme .dark {
        --bg-base: var(--workspace-dark-base);
        --bg-sunken: var(--workspace-dark-sunken);
    }

    .workspace-theme body.workspace>rene-stage {
        background-color: var(--bg-sunken);
        border-radius: 6px;
        border: 1px solid var(--stroke-weak);
    }

    .workspace-theme rene-node-board {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .workspace-theme rene-node-board>rene-container {
        overflow-y: auto;
    }

    .workspace-theme rene-node-board>rene-node-board-header {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .workspace-theme rene-node-board>rene-node-board-header>rene-box {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .workspace-theme rene-node-board>rene-node-board-header>rene-box>rene-button>button {
        padding: 10px;
        background-color: inherit;
    }

    .workspace-theme rene-node-board>rene-node-board-header>rene-box>[node-id="space-selector"] {
        flex: 1;
        border-left: 1px solid var(--stroke-weak);
        border-right: 1px solid var(--stroke-weak);
    }

    .workspace-theme rene-app-menu>rene-menu-item>rene-anchor>a {
        font-size: .78rem;
        font-weight: 400;
        color: var(--text-strong);
        padding-inline: 6px;
        border-radius: 0;
    }


}

@layer cls-site-theme {

    body.cls-site-theme {
        --font-weight-base: 300;
        --cls-yellow-light-1000: hsl(50 100% 50% / 1.00);
        --cls-yellow-light-800: hsl(50 100% 50% / 0.80);
        --cls-yellow-light-200: hsl(50 100% 50% / 0.20);
        --cls-yellow-light-50: hsl(50 100% 50% / 0.05);
        --cls-yellow-dark-1000: hsl(50 100% 65% / 1.00);
        --cls-yellow-dark-800: hsl(50 100% 65% / 0.80);
        --cls-yellow-dark-200: hsl(50 100% 65% / 0.20);
        --cls-yellow-dark-50: hsl(50 100% 65% / 0.08);
        --cls-color-available-available: #2ca137;
        --cls-color-available-level1: var(--cls-color-gray-2);
        --cls-color-available-level2: var(--cls-color-gray-2);
        --cls-color-available-level3: var(--cls-color-gray-2);
        --cls-color-available-on-request: var(--cls-color-gray-2);
        --cls-color-gray-4: #44454a;
        --cls-color-gray-3: #606d71;
        --cls-color-gray-2: #94969a;
        --cls-color-gray-1: #d3d3d2;
        --cls-color-yellow-text: #e5bd00;
        --font-family-base: 'Bliss Pro', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
    }

    .cls-site-theme .light {
        --brand-light-1000: var(--cls-yellow-light-1000);
        --brand-light-800: var(--cls-yellow-light-800);
        --brand-light-200: var(--cls-yellow-light-200);
        --brand-light-50: var(--cls-yellow-light-50);
        --brand-dark-1000: var(--cls-yellow-dark-1000);
        --brand-dark-800: var(--cls-yellow-dark-800);
        --brand-dark-200: var(--cls-yellow-dark-200);
        --brand-dark-50: var(--cls-yellow-dark-50);
        --text-brand-inverse-strong: var(--grey-light-1000);
        --text-brand-inverse-weak: var(--grey-light-700);
        --text-brand-inverse-disabled: var(--grey-light-100);
    }

    .cls-site-theme .dark {
        --brand-light-1000: var(--cls-yellow-light-1000);
        --brand-light-800: var(--cls-yellow-light-800);
        --brand-light-200: var(--cls-yellow-light-200);
        --brand-light-50: var(--cls-yellow-light-50);
        --brand-dark-1000: var(--cls-yellow-dark-1000);
        --brand-dark-800: var(--cls-yellow-dark-800);
        --brand-dark-200: var(--cls-yellow-dark-200);
        --brand-dark-50: var(--cls-yellow-dark-50);
        --text-brand-inverse-strong: var(--grey-light-1000);
        --text-brand-inverse-weak: var(--grey-light-700);
        --text-brand-inverse-disabled: var(--grey-light-100);
        --bg-base: #1b1b1b;
    }

    .cls-site-theme input,
    .cls-site-theme select {
        font-family: 'Bliss Pro', sans-serif;
    }


}

@font-face {
    font-family: 'Bliss Pro';
    src: url(/_fonts/BlissPro-Bold.otf);
    font-weight: 800;
}

@font-face {
    font-family: 'Bliss Pro';
    src: url(/_fonts/BlissPro-ExtraBold.otf);
    font-weight: 900;
}

@font-face {
    font-family: 'Bliss Pro';
    src: url(/_fonts/BlissPro-ExtraLight.otf);
    font-weight: 100;
}

@font-face {
    font-family: 'Bliss Pro';
    src: url(/_fonts/BlissPro-Light.otf);
    font-weight: 200;
}

@font-face {
    font-family: 'Bliss Pro';
    src: url(/_fonts/BlissPro-Medium.otf);
    font-weight: 600;
}

@font-face {
    font-family: 'Bliss Pro';
    src: url(/_fonts/BlissPro-Regular.otf);
    font-weight: 400;
}

rene-property {
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative;
    flex: 1;
}

.prop-enum-radio-buttons-row-v2>rene-enum.control-wrapper label {
    border: 1px solid var(--stroke-weak);
    padding: 10px 10px 10px 5px;
    border-radius: calc(var(--radius-base) * 2);
}

rene-property:has(>rene-lookup)>.control-wrapper {
    display: none;
}

rene-property rene-lookup {
    border: 1px solid var(--stroke-weak);
    border-radius: calc(var(--radius-base) * 2);
}

rene-search {
    background-color: var(--bg-base);
    margin: 0;
    z-index: 150;
    overflow: clip;
    box-sizing: border-box;
    border: 1px solid var(--stroke-strong);
    border-radius: 3px;
    display: grid;
    grid-template-rows: auto 1fr;
}

rene-search.active {
    width: 100%;
    position: absolute;
    padding: 20px;
    left: 0;
    top: 0;
    right: 0;
    height: 100vh;
}

rene-search>rene-search-header {
    display: flex;
    flex-direction: row;
    align-items: center;
}

rene-search>rene-search-header>rene-search-inner-box {
    display: flex;
    flex: 1;
}

rene-search.active>rene-search-header>rene-search-inner-box {
    border-bottom: 1px solid var(--stroke-weak);
}

rene-search>rene-search-header>rene-search-inner-box>input {
    display: flex;
    border: none;
    padding: 0 8px;
    border-width: 0;
    outline: none;
    background-color: transparent;
    color: var(--text-strongest);
    flex: 1;
    min-width: 0;
    font-size: 1rem;
    padding-top: 2px;
}

rene-search .close-icon {
    display: none;
}

rene-search.active .close-icon {
    display: inline-flex;
    margin-left: 60px;
}

rene-search>rene-search-result {
    display: none;
}

rene-search.active>rene-search-result {
    display: flex;
}

.rene-field-set {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-left: 18px;
}

.rene-field-box {
    display: flex;
    flex-direction: row;
    gap: 6px;
    padding: 4px;
    align-items: center;
    border: 1px solid #d0d0d0;
    flex: 1;
}

.rene-type-text {
    font-size: 11px;
    font-weight: 700;
    color: #3c3b3b;
}

span[node-id='9gfxeztdewcl99jhwu9g'] {
    font-size: 0.75rem;
    font-weight: 800;
}

rene-box[node-id='64549988QUW2behqA9kpstL900cc4bac'] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 4px;
    box-shadow: 0 -10px 15px -5px rgba(0, 0, 0, 0.06), 0 10px 15px -5px rgba(1, 0, 0, 0.06), 0 0 0 1px rgb(17 24 39 / 8%);
    border-radius: 0.2rem;
    padding: 8px;
}

span[node-id='womnpvipea4kugtvqpkew'] {
    font-size: 1.3rem;
    font-weight: 500;
}

rene-button[node-id='wesddrrlbuybrfvpbrltkq'] {
    border: gray solid 1px;
    border-radius: 12px;
}

rene-box[node-id='ljypafxjz0ukpe2tqm5vg'] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 4px;
}

[dev-selection-mode] [node-id]:hover {
    outline: 1px solid #0d99ff;
}

rene-image[node-id='64549988quw2behqa9kpstl900cc4ccc']>a {
    text-decoration: none;
    color: var(--color);
}

rene-toolbox-view {
    display: flex;
    gap: 12px;
    padding: 12px;
    width: 600px;
    font-size: 18px;
    flex-direction: column;
    overflow: auto;
    max-height: calc(100vh - 58px);
}

.rene-drag-mode rene-popup:has(rene-toolbox-view) {
    transform: translateX(-9999px);
}

rene-box[node-id='544cbd6bd27240f8bea95f0f8e6a7060'] {
    display: inline-flex;
}

.rene-selection-toolbar {
    flex-direction: column;
    gap: 1px;
    padding: 1px;
    position: fixed;
    z-index: 100;
    background-color: #3B97E3;
    color: #fff;
}

.rene-selection-toolbar button {
    border: none;
    font-size: 15px;
}

.rene-selection-toolbar rene-icon {
    font-size: 18px;
}

.rene-selection-toolbar rene-button {
    height: auto;
    padding: 0;
}

rene-box[node-id='ljypafxjz0ukpe2tqm5vg'] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 4px;
}

[dev-selection-mode] [node-id]:hover {
    outline: #0d99ff solid 1px;
}

.theme-scrollbars {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-color) var(--scrollbar-bg-color);
}

.none-scrollbars {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.none-scrollbars::-webkit-scrollbar {
    display: none;
}

.ui-node {
    padding: 4px 8px 5px 8px;
    color: #111827;
    border: rgb(186 186 186) solid 1px;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.10);
}

form {
    display: flex;
    flex-direction: column;
}

.contents {
    display: contents;
}

rene-page {
    display: flex;
    flex-direction: column;
}

rene-page[lazy-loading]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    transform: translate(-50%, -50%);
}

rene-container[lazy-loading] {
    min-height: 120px;
    border: 1px solid var(--stroke-weak);
}

rene-container[lazy-loading]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    transform: translate(-50%, -50%);
}

.grow {
    flex: 1;
    min-width: 0;
    min-height: 0;
}

rene-togglebar {
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2px;
    padding: 2px;
    width: var(--rene-togglebar-width);
    top: var(--rene-offset-top);
    overflow: hidden;
    bottom: 0;
    box-sizing: border-box;
    align-items: center;
}

rene-togglebar>div {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

rene-togglebar.left {
    left: 0;
    padding-top: 4px;
}

rene-dockpanel {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

rene-dockpanel>rene-dockpanel {
    min-height: 0;
    overflow-y: auto;
    position: relative;
}

rene-expansion-panel>rene-expansion-area:has(rene-style-container-editor) {
    position: initial;
}

rene-dockpanel>rene-container {
    height: unset;
    overflow: auto;
    flex: 1;
    max-height: 100%;
}

rene-dockpanel[is-context]>rene-container {
    flex: none;
}

rene-dockpanel.left {
    left: var(--rene-offset-togglebar-left);
    top: var(--rene-offset-top);
    bottom: var(--rene-offset-bottom);
    width: var(--rene-left-width);
    position: fixed;
}

rene-resizer.left {
    left: var(--rene-offset-left);
    top: var(--rene-offset-top);
    bottom: var(--rene-offset-bottom);
    width: 5px;
    transform: translateX(-50%);
    position: fixed;
    z-index: 100;
    cursor: col-resize;
}

rene-resizer.right {
    right: calc(var(--rene-offset-right) - 2px);
    top: var(--rene-offset-top);
    bottom: var(--rene-offset-bottom);
    width: 5px;
    transform: translateX(-50%);
    position: fixed;
    z-index: 100;
    cursor: col-resize;
}

rene-resizer.bottom {
    left: var(--rene-offset-togglebar-left);
    right: var(--rene-offset-togglebar-right);
    height: 5px;
    bottom: var(--rene-bottom-height);
    position: fixed;
    z-index: 100;
    cursor: row-resize;
}

rene-togglebar.right {
    right: 0;
    padding-top: 4px;
}

rene-dockpanel.right {
    right: var(--rene-offset-togglebar-right);
    top: var(--rene-offset-top);
    bottom: var(--rene-offset-bottom);
    width: var(--rene-right-width);
    position: fixed;
}

rene-dockpanel.bottom {
    left: var(--rene-offset-togglebar-left);
    right: var(--rene-offset-togglebar-right);
    bottom: 0;
    height: var(--rene-bottom-height);
    position: fixed;
}

rene-dockpanel.vertical,
rene-dockpanel.horizontal {
    display: grid;
    background: var(--bg-sunken);
    border-radius: 6px;
    overflow: clip;
    border: 1px solid var(--stroke-weak);
}

rene-dockpanel.vertical>.rene-resizer {
    position: relative;
    cursor: row-resize;
    height: 5px;
}

rene-dockpanel.vertical>.rene-resizer::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background-color: var(--stroke-weak);
    transform: translateY(-50%);
}

rene-dockpanel.horizontal>.rene-resizer {
    cursor: col-resize;
    position: relative;
    width: 5px;
}

rene-dockpanel.horizontal>.rene-resizer::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    width: 1px;
    background-color: var(--stroke-weak);
    transform: translateX(-50%);
}

rene-dockpanel.top,
rene-dockpanel.bottom {
    display: flex;
    flex: 1;
    min-height: 50px;
}

img {
    border-style: none;
    width: 100%;
}

.rene-dnd-preview {
    position: fixed;
    background-color: #3B97E3;
    pointer-events: none;
    z-index: 101;
}

.rene-dnd-preview-target {
    position: fixed;
    pointer-events: none;
    outline: 2px solid orange;
    z-index: 100;
}

rene-toolbox-view rene-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 5px;
    padding: 5px 8px;
    gap: 8px;
    font-size: var(--font-size-sm);
}

.raised,
.raised-hoverable {
    background: var(--bg-raised);
    border: 1px solid var(--stroke-weak);
    box-shadow: var(--shadow-raised);
}

.raised-hoverable {
    position: relative;
}

.raised-hoverable:after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgba(255, 255, 255, 0);
    z-index: -1;
    transition: var(--brackground-transition);
    mix-blend-mode: screen;
    pointer-events: none;
}

.raised-hoverable:hover:after {
    background: rgba(255, 255, 255, 0.25);
}

.items-center {
    align-items: center;
}

.flex-1 {
    flex: 1 1 0%;
}

.block {
    display: block;
}

.whitespace-nowrap {
    white-space: nowrap;
}

rene-container {
    display: flex;
    flex-direction: column;
}

rene-stage[use-tabs] rene-container {
    overflow-y: auto;
    height: 100%;
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-color) var(--scrollbar-bg-color);
}

.gap-3 {
    gap: 3px;
}

.gap-8 {
    gap: 8px;
}

.gap-20 {
    gap: 20px;
}

[hidden],
[ss-hidden] {
    display: none !important;
}

rene-icon-switch {
    display: inline-flex;
    flex-direction: row;
    border: 1px solid #976b2d;
}

rene-icon-switch rene-icon,
rene-icon-switch svg {
    padding: 0 3px;
    font-size: 20px;
    border-left: 1px solid #976b2d;
}

rene-icon-switch rene-icon:first-child,
rene-icon-switch svg:first-child {
    border-left-width: 0;
}

rene-icon-switch input {
    display: none;
}

div[node-id='71f32755e9474447aa5b75daf7bb8bdf'] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    flex-direction: column;
}

rene-css-unit {
    border: 1px solid #767676;
    border-radius: 2px;
    display: inline-flex;
}

rene-css-unit>select {
    border: none;
    background-color: transparent;
    text-align: left;
    border-left: 1px solid #767676;
    font-size: 14px;
    font-weight: 400;
}

rene-css-unit>select:focus,
rene-css-unit>input:focus {
    outline: none;
}

rene-css-unit>input {
    border: none;
    background-color: transparent;
    text-align: right;
    max-width: 30px;
    color: #000;
    font-size: 14px;
}

rene-box[node-id='q0t0lv6d6uefix56ply3g'] {
    padding: 4px;
    border: gray solid 1px;
    border-radius: 4px;
}

.rene-css-selector {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.rene-css-id {
    background-color: #d2d2d2;
    padding: 2px 4px;
    font-size: 10px;
    border-radius: 3px;
    border-left: 1px solid transparent;
}

.cssid-node-element {
    border-left-color: #ccc;
}

.cssid-css-class {
    border-left-color: #ccc;
}

.cssid-css-combinator {
    border-left-color: #ccc;
}

.cssid-html-attribute {
    border-left-color: #ccc;
}

.cssid-html-attribute-value {
    border-left-color: #ccc;
}

.cssid-node-element {
    border-left-color: #ccc;
}

.cssid-pseudo-class {
    border-left-color: #ccc;
}

.cssid-pseudo-element {
    border-left-color: #ccc;
}

.property-container {
    gap: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
}

[hteulduhheite86ivh4ya="True"] {
    font-weight: 600;
}

rene-breadcrumbs {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 0;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    font-weight: 400;
    margin-top: 6px;
}

rene-breadcrumbs>*:not(:first-child)::before {
    content: '>';
    color: var(--text-normal);
    margin: 0 9px;
    transform: scaleX(0.6);
    display: inline-block;
}

rene-expansion-panel {
    display: flex;
    flex-direction: column;
}

rene-expansion-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: var(--bg-base);
}

rene-expansion-header>rene-expansion-panel-switch +h2 {
    margin-left: 7px;
}

rene-view-designer {
    display: grid;
    grid-template-rows: auto 1fr;
    height: 100%;
    overflow: hidden;
}

rene-view-designer>rene-box[view-structure] {
    display: grid;
    grid-template-columns: 350px 1fr;
    min-height: 0;
    padding: 10px;
    gap: 10px;
}

rene-view-preview {
    padding: 20px;
    border: 1px solid var(--stroke-strong);
    display: flex;
    flex-direction: column;
    max-height: 100%;
    min-height: 100px;
    box-sizing: border-box;
}

rene-view-preview-stage {
    overflow: auto;
    display: flex;
    flex-direction: column;
}

[loading]:not(img, iframe) {
    position: relative;
    pointer-events: none;
    opacity: 0.5;
}

[loading]:not(img):before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.2;
    z-index: 9;
    background: var(--bg-color);
    pointer-events: none;
}

[loading]:not(img):after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    transform: translate(-50%, -50%);
    border: 3px solid var(--color);
    border-top: 1px solid var(--bg);
    border-radius: 50%;
    animation: spin 1.4s linear infinite;
    z-index: 10;
    background: transparent;
    pointer-events: none;
}

rene-datalist[loading]:before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.2;
    z-index: 1300;
    pointer-events: none;
}

rene-datalist[loading]:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    transform: translate(-50%, -50%);
    border: 3px solid var(---color);
    border-radius: 50%;
    animation: spin 1.4s linear infinite;
    background: transparent;
    pointer-events: none;
    z-index: 1301;
}

rene-html[contenteditable="true"] {
    border: 2px solid #ccc;
    border-radius: 0;
    padding: 12px;
    outline: 0;
}

rene-layer>rene-command {
    display: none;
}

rene-command {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 2px;
    cursor: pointer;
    transition: background 0.2s, box-shadow 0.2s;
    outline: none;
    user-select: none;
    text-align: center;
    border-radius: 4px;
    font-weight: 500;
}

rene-command[aria-disabled="true"] {
    background: #d1d5db;
    color: #6b7280;
    cursor: not-allowed;
    pointer-events: none;
}

::-webkit-search-cancel-button,
::-webkit-search-decoration,
::-webkit-search-results-button,
::-webkit-search-results-decoration {
    display: none;
}

.clear-button {
    border: none;
    background: transparent;
    margin-left: auto;
    cursor: pointer;
    color: rgb(79 79 79);
    position: absolute;
    right: 25px;
    top: 25px;
}

.filter-top-bar {
    display: contents;
}

.full-screen .filter-top-bar {
    position: sticky;
    top: 0;
    padding: 25px 20px 15px 20px;
    display: flex;
    z-index: 10;
    flex-direction: column;
    margin-left: -50px;
    margin-right: -50px;
    border-bottom: 1px solid var(--stroke-strong);
}

.filter-bottom-bar {
    display: none;
}

.full-screen .filter-bottom-bar {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    padding-bottom: calc(env(safe-area-inset-bottom, 20px) + 20px);
    z-index: 9999;
    border-top: 1px solid var(--stroke-strong);
}

[current-perspective] {
    font-weight: bold;
}

.flex-row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

body>rene-header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    display: flex;
}

.indented-heading {
    margin: 0 7px;
}

rene-layout {
    display: flex;
    box-sizing: border-box;
    position: relative;
    z-index: var(--rene-zindex);
    flex: 1;
    min-width: 0;
    min-height: 0;
}

body>rene-nav {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    display: flex;
}

rene-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    gap: 4px;
    padding: 4px;
}

.rene-root-full-width {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

rene-selection {
    display: contents;
}

[rene-mirror-selection] {
    position: relative;
}

[rene-mirror-selection]::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 2px dashed #00a8ff;
    pointer-events: none;
    border-radius: inherit;
    z-index: 1;
}

rene-sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
}

rene-sidebar[dock="left"] {
    position: absolute;
    left: 0;
}

rene-stage {
    display: flex;
    flex-direction: column;
    top: var(--rene-offset-top);
    left: calc(var(--rene-offset-left) - var(--rene-scroll-offset-left));
    right: var(--rene-offset-right);
    bottom: var(--rene-offset-bottom);
    min-width: var(--page-min-width);
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-color) var(--scrollbar-bg-color);
    box-sizing: border-box;
}

rene-stage,
rene-view-preview-stage {
    container-name: stage-container;
    container-type: inline-size;
}

rene-toolbar {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

rene-toolbar-section {
    position: relative;
    border-left: 1px solid #b4b4b4;
    padding-left: 5px;
}

rene-toolbar-section:first-child {
    border-left: none;
    padding-left: 0;
}

rene-toolbar-section>label {
    display: none;
}

rene-action-bar {
    padding-left: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    border-bottom: 1px solid var(--stroke-weak);
    height: 31px;
    min-height: 31px;
    overflow: hidden;
}

rene-action-bar>div {
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    height: 100%;
}

rene-action-bar>h6 {
    font-size: 13px;
    font-weight: 600;
}

.rene-prop-in-header {
    background-color: inherit;
    margin-bottom: 0 !important;
}

.rene-prop-in-header>.control-wrapper {
    background-color: inherit !important;
    border: 0 !important;
    height: 100%;
    border-radius: 0 !important;
    outline-color: yellow;
    box-sizing: border-box;
}

.rene-prop-in-header>.control-wrapper>input {
    background-color: inherit;
}

.rene-prop-in-header>.control-wrapper>rene-button>button {
    background-color: inherit !important;
}

rene-node-view>node-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: default;
    background-color: var(--stroke-weak);
    border: 1px solid #575757;
    border-radius: 5px;
}

rene-node-view>node-body {
    height: 0;
    overflow: hidden;
    transition: height 0.4s ease-in-out;
    background-color: #373737;
}

rene-node-view[expanded]>node-header {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

rene-node-view[expanded]>node-body {
    border: 1px solid #575757;
    border-radius: 5px;
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 8px;
    gap: 4px;
    height: auto;
}

rene-node-view>node-body h5 {
    font-size: 12px;
    font-weight: 400;
    color: #898989;
    padding-left: 2px;
    margin-top: 4px;
    margin-bottom: 2px;
}

rene-node-view>node-body .node-view>a {
    border-radius: 5px;
    padding: 5px;
    background-color: var(--stroke-weak);
    border: 1px solid #575757;
    font-size: 13px;
}

rene-node-view>node-body .node-view>a>rene-command:before {
    content: '';
    border-left: 1px solid #6b6b6b;
    height: 100%;
    position: absolute;
    left: -5px;
    top: 0;
    bottom: 0;
    width: 0;
}

rene-node-view>node-body .node-view>a>rene-command {
    opacity: 0;
    margin-left: auto;
    border-left: 1px solid #6b6b6b;
    border-radius: 0;
    padding-left: 6px;
}

rene-node-view>node-body .node-view:hover>a>rene-command {
    opacity: 1;
}

rene-node-view>node-body .node-view>a>rene-command:hover {
    background-color: #676767;
}

rene-node-view>node-header>rene-anchor {
    flex: 1;
}

rene-node-view>node-header>rene-anchor>a {
    padding: 4px 10px 4px 5px;
}

.toggle-node-views-btn {
    margin-left: auto;
}

.node-body-toolbar {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    font-size: 14px;
}

.toggle-node-views-btn>button {
    font-size: 13px;
    border-radius: 4px;
    padding-left: 8px;
}

rene-node-view>node-header:hover {
    border-bottom: 1px solid var(--stroke-strong);
}

rene-node-view.rene-selected>node-header {
    color: var(--highlight-color);
}

rene-node-view>node-body {
    display: flex;
    flex-direction: column;
}

rene-node-view[node-level]>node-header,
rene-node-view[node-level]>node-body {
    padding-left: calc(var(--node-level) * 14px);
}

rene-node-switch {
    font-size: 34px;
    min-width: 28px;
    display: inline-flex;
    align-items: center;
}

rene-tree-item rene-toolbar {
    border: none;
    background-color: transparent;
    margin-bottom: 0;
    display: inline-flex;
}

.rene-toolbar-section {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 2px;
}

.tree-item-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 3px;
    padding-left: calc(var(--tree-indent) * 12.5px);
    padding-right: 5px;
    min-height: 24px;
}

.tree-item-without-childs>.tree-item-header {
    padding-left: calc(calc(var(--tree-indent) * 12px) + 7px);
}

rene-tree-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    min-height: 22px;
    padding: 2px 0 3px 0;
    border-radius: 5px;
    font-size: 14px;
}

rene-tree-item>span {
    padding: 1px 3px;
    line-height: 16px;
    white-space: nowrap;
}

rene-tree-item[tree-state="unfolded"]>rene-icon.rene-tree-switch {
    transform: rotate(90deg);
}

rene-tree-item>rene-icon.rene-tree-switch {
    width: 18px;
}

rene-tree-item[tree-level] {
    padding-left: calc(var(--tree-level) * 14px);
}

rene-tree-item.no-childs>:first-child {
    margin-left: 18px;
}

rene-tree-item .rene-tree-switch {
    font-size: 18px;
    font-weight: bold;
}

.tree-root-item>rene-expansion-area>rene-box>rene-set>rene-tree-item.tree-item-without-childs>.tree-item-header {
    padding-left: 17px;
}

.indented-treeitem {
    margin: 0 7px;
}

rene-form-validation {
    display: flex;
    flex-direction: column;
    margin-block: 20px;
}

rene-form {
    width: 100%;
}

rene-form>form {
    display: flex;
    flex-direction: column;
}

rene-form-validation:empty {
    display: None;
}

rene-property>rene-multiline-string {
    height: auto;
}

rene-property>rene-multiline-string textarea {
    width: 100%;
    height: 100%;
    border: 0;
    background: transparent;
    resize: vertical;
    box-sizing: border-box;
}

rene-property>rene-boolean {
    height: auto;
}

rene-property.checkbox-switch>rene-boolean>label>input {
    appearance: none;
    width: 32px;
    min-width: 32px;
    border-radius: 18px;
    background: var(--selection-control-color);
    position: relative;
    transition: all 200ms;
}

rene-property.checkbox-switch>rene-boolean>label>input:checked {
    background: var(--selection-control-checked-color);
}

rene-property.checkbox-switch>rene-boolean>label>input::after {
    content: "";
    border-radius: 50%;
    left: 2px;
    top: 2px;
    width: 14px;
    height: 14px;
    display: inline-block;
    position: absolute;
}

rene-property.checkbox-switch>rene-boolean>label>input:checked::after {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    left: 15px;
    top: 2px;
    display: inline-block;
    position: absolute;
}

rene-add-list-entry {
    display: inline-flex;
}

rene-add-list-entry>.control-wrapper {
    display: none;
}

rene-add-list-entry.active>.control-wrapper {
    display: flex;
    flex-direction: row;
    border: 1px solid var(--stroke-strong);
    border-radius: 2px;
    outline: 1px solid transparent;
}

rene-add-list-entry.active>rene-icon {
    display: none;
}

rene-add-list-entry>rene-icon[node-id="ic-b"] {
    font-size: 20px;
    padding: 12px;
    cursor: pointer;
    border-left: 1px solid var(--stroke-strong);
    border-right: 1px solid var(--stroke-strong);
}

rene-add-list-entry>rene-icon[node-id="ic-c"] {
    font-size: 20px;
    padding: 12px;
    cursor: pointer;
}

rene-object.control-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2px;
    border: none;
}

select {
    border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 100%;
    outline: 0;
    margin: 0;
    box-sizing: border-box;
    border-radius: 6px;
    display: inline-block;
    font: inherit;
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) 10px, calc(100% - 7px) 10px;
    color: var(--text-strong);
    flex: 1;
    line-height: 1.1;
}

rene-property.small select,
.property.small select {
    font-size: 12px;
    padding-inline: 6px;
}

rene-property.medium select,
.property.medium select {
    font-size: 13px;
    padding-inline: 8px;
    background-position: calc(100% - 15px) 13px, calc(100% - 10px) 13px;
}

rene-property.large select,
.property.large select {
    font-size: 16px;
    padding-inline: 12px;
    background-position: calc(100% - 13px) 16px, calc(100% - 8px) 16px;
}

rene-property.xlarge select,
.property.xlarge select {
    font-size: 18px;
    padding-inline: 12px;
    background-position: calc(100% - 20px) 25px, calc(100% - 15px) 25px;
}

select option,
select optgroup {
    background-color: var(--bg-overlay);
    box-shadow: var(--shadow-overlay);
    color: var(--text-strong);
}

pa44kppiegrnuqnef0mcg {
    display: inline-flex;
}

rene-map {
    position: relative;
    height: 0;
    overflow: hidden;
}

rene-context-menu {
    display: flex;
    flex-direction: column;
    gap: 1px;
    position: fixed;
    min-width: 160px;
    box-shadow: rgba(17, 17, 26, 0.1) 0 4px 16px, rgba(17, 17, 26, 0.1) 0 8px 24px, rgba(17, 17, 26, 0.1) 0 16px 56px;
    z-index: 110;
    line-height: 1.35;
}

rene-menu-group {
    display: none;
    flex-direction: column;
    gap: 0;
    position: fixed;
    min-width: 200px;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: var(--shadow-12);
    z-index: 1000;
    background-color: var(--bg-overlay);
    padding: 3px 0;
    border-radius: calc(var(--radius-base) * 3);
    color: var(--text-strong);
}

rene-menu-group>rene-menu-item>rene-anchor>a,
rene-menu-group>rene-menu-item>rene-anchor>a:active,
rene-menu-group>rene-menu-item>rene-anchor>a:visited,
rene-menu-group>rene-menu-item>rene-anchor>a:hover {
    padding: 8px 12px;
    color: var(--color);
}

rene-menu-group>rene-menu-item>rene-anchor>a:hover {
    background-color: var(--highlight-color);
}

rene-context-menu rene-menu-item {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    font-size: 15px;
    cursor: pointer;
    white-space: nowrap;
    padding: 1px 6px;
    min-height: 29px;
}

rene-menu-item rene-anchor {
    width: 100%;
}

rene-context-menu rene-menu-item.no-icon {
    padding-left: 30px;
}

rene-context-menu rene-menu-item:focus,
rene-context-menu rene-menu-item:focus-within {
    background-color: var(--color);
    color: var(--bg);
}

rene-menu-item .menu-chevron {
    margin-left: auto;
}

rene-menu-item>rene-icon {
    font-size: 20px;
}

rene-menu-item.context-menu-text-only {
    padding-left: 27px;
}

rene-item {
    display: block;
}

rene-item.simple-type {
    padding: 6px 4px;
    font-size: 15px;
}

rene-dropdown-button>button {
    display: flex;
    flex-direction: row;
    gap: 2px;
    align-items: center;
    border-radius: 4px;
}

rene-dropdown-button:not([with-open-contextmenu] )>rene-context-menu {
    display: none;
}

rene-dropdown-button[node-id='a63031521bc0410fa959ef7ca44a7952'] {
    background-color: #3B97E3;
}

rene-icon {
    line-height: 1;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    border-radius: 50%;
    text-decoration: none !important;
}

rene-icon>svg,
rene-button>button>svg,
rene-anchor>a>svg {
    stroke: currentColor;
    fill: none;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
    text-decoration: none !important;
}

rene-icon>svg {
    width: 100%;
    height: 100%;
}

rene-button.small>button>svg,
rene-anchor.small>a>svg {
    width: 16px;
    height: 16px;
}

rene-button.medium>button>svg,
rene-anchor.medium>a>svg {
    width: 18px;
    height: 18px;
}

rene-button.large>button>svg,
rene-anchor.large>a>svg {
    width: 20px;
    height: 20px;
}

rene-button.xlarge>button>svg,
rene-anchor.xlarge>a>svg {
    width: 22px;
    height: 22px;
}

rene-button>button>rene-icon,
rene-anchor>a>rene-icon {
    padding: 0 !important;
    margin-top: -1px;
    opacity: .8;
}

rene-button.primary>button>rene-icon,
rene-anchor.primary-button>a>rene-icon {
    color: var(--icon-inverse) !important;
}

rene-icon.small {
    height: var(--control-size-small);
    width: var(--control-size-small);
    padding: 4px;
}

rene-icon.medium {
    height: var(--control-size-medium);
    width: var(--control-size-medium);
    padding: 6px;
}

rene-icon.large {
    height: var(--control-size-large);
    width: var(--control-size-large);
    padding: 8px;
}

rene-icon.xlarge {
    height: var(--control-size-xlarge);
    width: var(--control-size-xlarge);
    padding: 10px;
}

rene-icon.brand.transparent {
    color: var(--icon-brand);
}

rene-icon.brand.stroked {
    color: var(--icon-brand);
    border: 1px solid var(--stroke-brand-weak);
}

rene-icon.brand.filled {
    color: var(--icon-brand);
    background-color: var(--fill-brand-weak);
}

rene-icon.neutral {
    color: var(--icon-neutral);
}

rene-icon.neutral.stroked {
    color: var(--icon-neutral);
    border: 1px solid var(--stroke-weak);
}

rene-icon.neutral.filled {
    color: var(--icon-neutral);
    background-color: var(--fill-weak);
}

rene-icon.destructive {
    color: var(--icon-error);
}

rene-icon.destructive.stroked {
    color: var(--icon-error);
    border: 1px solid var(--stroke-error-weak);
}

rene-icon.destructive.filled {
    color: var(--icon-error);
    background-color: var(--fill-error-weak);
}

rene-icon.caution {
    color: var(--icon-warning);
}

rene-icon.caution.stroked {
    color: var(--icon-warning);
    border: 1px solid var(--stroke-warning-weak);
}

rene-icon.caution.filled {
    color: var(--icon-warning);
    background-color: var(--fill-warning-weak);
}

rene-icon.informative {
    color: var(--icon-information);
}

rene-icon.informative.stroked {
    color: var(--icon-information);
    border: 1px solid var(--stroke-information-weak);
}

rene-icon.informative.filled {
    color: var(--icon-information);
    background-color: var(--fill-information-weak);
}

rene-icon.success {
    color: var(--icon-success);
}

rene-icon.success.stroked {
    color: var(--icon-success);
    border: 1px solid var(--stroke-success-weak);
}

rene-icon.success.filled {
    color: var(--icon-success);
    background-color: var(--fill-success-weak);
}

rene-list {
    padding: 2px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 4px;
    min-height: 19px;
}

rene-complex-list {
    padding: 2px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-height: 19px;
}

rene-list.checkbox-list {
    flex-wrap: nowrap;;
    flex-direction: column;;
}

rene-list>rene-item,
rene-complex-list>rene-item,
rene-list>rene-selection>rene-item {
    font-size: 14px;
    display: flex;
    align-items: center;
    border-radius: 2px;
    gap: 3px;
}

rene-list>rene-item>rene-icon,
rene-list>rene-selection>rene-item>rene-icon {
    font-size: 14px;
}

rene-set {
    display: flex;
    flex-direction: column;
}

rene-dockpanel-button {
    position: relative;
    border-radius: 4px;
    padding: 1px;
    display: inline-flex;
    align-items: center;
}

rene-dockpanel-button[on] {
    background: var(--fill-selected);
}

rene-dockpanel-button[on]>rene-icon {
    color: var(--text-inverse-weak);
}

rene-dockpanel-button rene-icon {
    font-size: 1.5rem;
}

.rene-flex-col rene-icon {
    transform: rotate(-90deg);
    border-left: 0;
    border-bottom: 1px solid #976b2d;
}

.rene-flex-col2 rene-icon {
    transform: rotate(90deg);
    border-top: 1px solid #976b2d;
    border-left: 0;
}

.rene-flex-col2 rene-icon:last-of-type {
    transform: none;
    border-top: none;
    border-left: 1px solid #976b2d;
}

.rene-flex-col2 rene-icon:first-of-type {
    border: none;
}

.dashboard-mode {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: auto;
    width: 100%;
    box-sizing: border-box;
    height: 100%;
    justify-content: center;
}

dialog::backdrop {
    background: rgba(0, 0, 0, 0.3);
}

dialog {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    outline: none;
    margin: 0;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 0;
    padding: 0;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 300px;
    min-height: 100px;
    max-width: 80vw;
    max-height: 80vw;
    width: fit-content;
    height: fit-content;
    overflow: auto;
    box-sizing: border-box;
    border-radius: calc(var(--radius-base) * 4);;
    background: var(--bg-overlay);;
    box-shadow: var(--shadow-12);
    border: 1px solid var(--stroke-weak);
}

dialog>.rene-dialog-header {
    font-size: 15px;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    background-color: var(--bg-alternate);
    padding: 12px;
}

dialog>.rene-dialog-header>rene-icon {
    margin-left: auto;
}

rene-dialog {
    display: none;
    flex-direction: column;
    flex-wrap: nowrap;
}

rene-dialog[show] {
    display: flex;
}

rene-dialog .rene-dialog-title {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    background-color: #fafafa;
    border-bottom: 1px solid #B0B0B0;
    color: #232323;
    font-size: 0.8rem;
    min-width: 200px;
    padding-left: .5rem;
}

rene-dialog .rene-dialog-content,
rene-dialog>dialog>rene-container {
    padding: 12px;
}

dialog>.rene-dialog-footer {
    display: flex;
    flex-direction: row;
    gap: 12px;
    padding: 12px;
    justify-content: flex-end;
    background-color: var(--bg-alternate);
    border-top: 1px solid var(--stroke-weak);
}

dialog>.rene-dialog-footer button {
    min-width: 90px;
}

rene-icon[node-id='832bf9182e09456e9165fa08dbaef909'] {
    border-radius: 0 0.2rem 0 0;
    font-size: 1.0rem;
    padding: .3rem;
}

rene-icon[node-id='832bf9182e09456e9165fa08dbaef909']:hover {
    background: #d7d5d5;
    color: black;
    cursor: pointer;
}

.popup-dropdown {
    padding: 4px;
    background-color: #fff;
    border: gray solid 1px;
}

rene-popup {
    display: none;
    box-sizing: border-box;
}

rene-popup.active {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: absolute;
    z-index: 2;
    border-radius: 12px;
    background: var(--bg-overlay);
    border: 1px solid var(--stroke-weak);
    box-shadow: var(--shadow-overlay);
}

rene-popup[lookup-mode].active {
    box-shadow: rgba(0, 0, 0, 0.07) 0 1px 1px, rgba(0, 0, 0, 0.07) 0 2px 2px, rgba(0, 0, 0, 0.07) 0 4px 4px, rgba(0, 0, 0, 0.07) 0 8px 8px, rgba(0, 0, 0, 0.07) 0 16px 16px;
    border-radius: 0;
    min-width: 200px;
}

rene-popup.active[scene="mega-menu"] {
    border-radius: 0;
    box-shadow: rgba(0, 0, 0, 0.1) 0 20px 25px -5px, rgba(0, 0, 0, 0.04) 0 10px 10px -5px;
}

.self-stretch {
    align-self: stretch;
}

rene-heading {
    display: block;
    box-sizing: border-box;
    width: 100%;
}

rene-heading>p {
    margin-block-start: 0;
    margin-block-end: 0;
    margin: 4px 0 0 0;
}

rene-heading>rene-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 12px;
}

rene-heading>rene-box>rene-area {
    gap: 8px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    flex: 1;
    justify-content: flex-end;
}

rene-heading.wrapped>rene-box>rene-area {
    justify-content: flex-start;
    padding-left: 0;
}

#rene-toolbox-panel {
    display: none;
}

.has-active-designer #rene-toolbox-panel {
    display: flex;
}

.css-selector-value {
    background-color: #ccc;
    border-radius: 3px;
    font-size: 13px;
    display: inline-flex;
    padding: 1px;
}

.css-selector-value::before {
    background-color: #ccc;
    padding: 0 1px;
    content: attr(data-signs);
    font-weight: 700;
}

.css-selector-value>span {
    background-color: #fff;
    opacity: .8;
    border-radius: 3px;
    padding: 0 2px 1px 2px;
}

rene-identifier {
    display: flex;
    align-items: center;
    min-width: 0;
    box-sizing: border-box;
    gap: 4px;
}

rene-identifier>.copy-btn {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
}

rene-identifier>span.identifier-label {
    white-space: nowrap;
    flex-shrink: 0;
}

rene-identifier>span.identifier-value {
    white-space: nowrap;
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

rene-identifier:hover>.copy-btn,
rene-identifier:focus-within>.copy-btn {
    opacity: 1;
    pointer-events: auto;
}

rene-identifier>rene-icon {
    font-size: 18px;
}

[overlay-tabs-layout] rene-showcase-tabs {
    position: absolute;
    bottom: 10px;
    border-radius: 40px;
    padding: 6px;
    gap: 6px;
}

[mode="image-gallery"] rene-showcase-tabs {
    display: none;
}

rene-anchor-bar {
    display: flex;
    flex-direction: row;
    gap: 6px;
}

.rene-media-preview {
    border: 1px solid var(--stroke-weak);
    border-radius: calc(var(--radius-base) * 2);
    min-width: 70px;
    min-height: 70px;
    padding: 3px;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    cursor: pointer;
}

.rene-showcase-media {
    text-align: center;
}

.rene-showcase-media picture {
    height: 100%;
}

.rene-showcase-media picture>img {
    object-fit: contain;
}

picture {
    display: flex;
}

.rene-media-preview img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    flex-shrink: 0;
    object-fit: contain;
}

.rene-media-preview.active {
    border: 2px solid var(--stroke-selected);
}

rene-anchor-bar .active {
    border-bottom: 2px solid blue;
}

rene-items {
    display: contents;
}

rene-items>* {
    display: none;
}

rene-items>.active {
    display: block;
}

rene-section[node-id='68d54e52dc360rih3ellzqr3000e8c36']>rene-section-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-direction: row;
    padding: 0;
    z-index: 10;
}

.type-name {
    color: #A1702B;
    font-size: 12px;
    font-weight: 700;
}

.edge {
    box-shadow: 0 -10px 15px -5px rgba(0, 0, 0, 0.06), 0 10px 15px -5px rgba(1, 0, 0, 0.06), 0 0 0 1px rgb(17 24 39 / 8%);
    padding: 6px 8px;
    border-radius: 4px;
}

.edge:hover {
    box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
}

rene-html-toolbar {
    background-color: #ccc;
    font-size: 18px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0;
    color: black;
}

rene-html-toolbar>button {
    border: none;
    margin: 0;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    cursor: pointer;
}

rene-marquee {
    overflow: hidden;
    position: relative;
    padding: 25px;
}

rene-marquee>rene-marquee-track {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 40px;
}

rene-marquee>rene-marquee-track>img {
    height: var(--rene-marquee-img-height);
    width: auto;
    object-fit: contain;
}

.view-not-found {
    color: #af0382;
    display: flex;
    flex-direction: row;
}

rene-style-group {
    display: flex;
    flex-direction: column;
}

rene-style-group>.header {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 2px 4px;
    font-size: 12.5px;
    font-weight: 600;
}

rene-style-group>.content {
    display: flex;
    flex-direction: column;
    padding: 2px 5px 10px 10px;
    border-bottom: 1px solid #ccc;
}

rene-style-group>.content:empty {
    display: none;
}

rene-dict.control-wrapper {
    display: flex;
    flex-direction: column;
}

.control-wrapper>rene-button>button {
    padding: 0 8px;
    opacity: 0.9;
    font-size: 22px !important;
}

rene-style-selectors {
    display: block;
    font-size: 12px;
    padding: 1px 1px 3px 1px;
    position: relative;
}

rene-class-hierarchy {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.style-container-btn>button {
    font-size: 11px;
    background-color: transparent;
    color: white;
    border-radius: 3px;
}

rene-box[node-id='67cfedc5qyzdhncdqx8o5v9r00ff6e67'] {
    border-radius: 4px;
    border: 1px solid darkred;
    color: white;
    display: inline-flex;
    align-items: center;
    padding-right: 2px;
}

span[node-id='67cfedc9qyzdhncdqx8o5v9r00ff6e68'] {
    font-size: 12px;
    background-color: darkred;
    padding: 1px 2px;
}

span[node-id='67cff19brl0yn0hab0odwukx00d0d769'] {
    background-color: white;
    color: black;
    font-size: 12px;
    padding: 1px 2px;
    border-radius: 4px;
}

.property-section:not(:first-child) {
    border-top: 1px solid var(--stroke-strong);
}

.property-section>rene-expansion-panel>rene-expansion-header>rene-expansion-panel-switch {
    font-size: 28px;
    color: #5d5d5d;
}

.property-section>rene-expansion-panel>rene-expansion-header h6 {
    font-size: 13px;
    font-weight: 700;
}

.rene-styles-container>rene-expansion-area {
    gap: 8px;
}

.rene-style-container>rene-expansion-area {
    margin-left: 0;
}

.rene-style-container rene-dict.control-wrapper {
    border: none;
    outline: none;
}

rene-section[node-id='67d707628fm99xw3y3y6upg100362af2'] {
    margin-top: 24px;
}

rene-datalist {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.datalist-content-wrapper {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: flex-start;
    grid-template-areas: "features data" "features footer";
}

rene-datalist-content {
    grid-area: data;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.divide-x>*:not(:last-child):not(:empty) {
    border-bottom: 1px solid var(--stroke-weak);
}

.divide-y>*:not(:last-child):not(:empty) {
    border-right: 1px solid var(--stroke-weak);
}

.lookup-items>*:not(:empty) {
    padding: 8px;
}

rene-lookup rene-datalist-content {
    padding: 0;
    border: 0;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    border-radius: 0;
}

rene-lookup .lookup-item {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: flex-start;
    gap: 10px;
}

rene-lookup .lookup-item h6 {
    margin: 0;
    margin-top: 3px;
    font-size: 16px;
}

datalist-filter {
    display: none;
    flex-direction: column;
    gap: 18px;
    width: 260px;
    margin-right: 10px;
    grid-area: features;
    position: sticky;
    top: 57px;
    height: calc(100vh - 179px);
    overflow: auto;
    padding-right: 5px;
    padding-top: 12px;
    padding-bottom: 12px;
    box-sizing: border-box;
}

.full-screen {
    position: fixed;
    inset: 0;
    width: 100vw;
    z-index: 99999;
    height: 100vh;
}

.show-filter datalist-filter {
    display: flex;
}

datalist-filter.full-screen {
    padding: 0 50px 100px 50px;
    padding-bottom: calc(env(safe-area-inset-bottom, 40px) + 180px);
}

datalist-filter.full-screen h4 {
    font-size: 28px;
}

datalist-filter:not(.full-screen) .clear-button {
    display: none;
}

datalist-filter.active {
    display: flex;
    position: fixed;
    inset: 0;
    padding: 30px;
    z-index: 110;
    overflow: auto;
    width: auto;
    margin: 0;
}

datalist-filter.active .clear-button {
    display: block;
}

rene-datalist .rene-datalist-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    transition: box-shadow 0.4s;
    position: sticky;
    top: 0;
    z-index: 100;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

rene-datalist .rene-datalist-header.shadow {
    box-shadow: 20px 0 0 0 var(--bg-base), -20px -1px 0 0 var(--bg-base);
    background: var(--bg-base);
    overflow: visible;
    padding: 10px 0;
}

rene-datalist .rene-datalist-header.shadow::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    height: 1px;
    width: 100vw;
    background: var(--stroke-strong);
    transform: translateX(-50%);
    pointer-events: none;
    z-index: 51;
    opacity: 1;
    transition: opacity 0.2s;
}

span[node-id='67e25416wtklhqz2qthb8tge000b4a68'] {
    margin-top: 7px;
}

rene-dynamic-content {
    display: block;
}

rene-filter-button,
rene-toggle-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px 3px 12px 8px;
    border-radius: 4px;
    background-color: #ddd;
    border: 1px solid #b3b3b3;
    color: #000;
    gap: 6px;
    cursor: pointer;
    max-width: 216px;
    font-size: 13px;
    font-weight: 300;
    overflow: hidden;
    box-sizing: border-box;
}

rene-filter-button rene-button.clear-filter-btn {
    border-left: 1px solid #959595;
    margin: -7px -3px -4px auto;
}

rene-filter-button rene-button.clear-filter-btn rene-icon {
    font-size: 16px;
}

rene-filter-button rene-button.clear-filter-btn>button {
    padding: 5px 4px 5px 4px;
    border-radius: 0;
}

rene-toggle-button {
    padding-right: 8px;
}

rene-filter-button rene-icon,
rene-toggle-button rene-icon {
    font-size: 18px;
    color: #515151;
}

rene-layer rene-filter {
    display: flex;
    flex-direction: column;
    min-width: 400px;
    max-height: 600px;
    position: relative;
    padding: 20px;
    gap: 12px;
}

rene-filter-button .preview-text {
    color: #4b4b4b;
    font-weight: 100;
    margin-right: 4px;
    box-sizing: border-box;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 1;
    display: inline-block;
    font-size: 12px;
}

rene-filter .close-filter {
    position: absolute;
    right: 14px;
    top: 14px;
}

rene-filter .close-filter>button {
    font-size: 20px;
}

rene-filter>rene-filter-body {
    overflow: auto;
    padding-right: 8px;
    color: #212121;
}

rene-filter rene-button>button {
    width: 100%;
    padding: 12px;
    border-radius: 2px;
    color: var(--color);
}

rene-filter[has-changes] rene-button:not(.link-button,.ghost-button)>button {
    background-color: var(--primary-color);
}

rene-filter ul,
rene-feature-filter ul {
    padding-left: 0;
    list-style-type: none;
    margin: 0;
    line-height: initial;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

rene-filter li,
rene-feature-filter li {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
}

rene-filter label,
rene-feature-filter label {
    color: var(--cls-color-gray-3);
    font-weight: 100;
}

rene-filter li input[type="checkbox"],
rene-feature-filter li input[type="checkbox"] {
    min-width: 16px;
    min-height: 16px;
}

rene-filter li[disabled],
rene-feature-filter li[disabled] {
    color: gray !important;
}

rene-filter li label,
rene-feature-filter li label {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-flex;
    align-items: center;
    flex-direction: row;
    gap: 5px;
}

rene-filter li span,
rene-feature-filter li span {
    flex-shrink: 0;
    margin-left: auto;
    font-weight: 100;
    background-color: var(--cls-color-gray-1);
    min-width: 30px;
    text-align: right;
    border-radius: 3px;
    padding: 1px 6px 1px 2px;
    margin-right: 4px;
}

rene-treelist {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100px;
    margin: 0;
}

.no-border {
    border: none;
}

rene-treelist rene-treelist-content {
    flex: 1;
    overflow: auto;
    padding: 5px;
    color: var(--color);
}

rene-view-identifier {
    --rene-bg-color: #000;
    --rene-color: #dfdfdf;
    position: absolute;
    padding: 0 6px 2px 6px;
    font-size: 13px;
    background-color: #17368d;
    color: #fff;
    display: flex;
    flex-direction: row;
    gap: 12px;
    top: 0;
    left: 0;
    right: 0;
    min-height: 23px;
    max-height: 23px;
    overflow: hidden;
    opacity: 0.9;
    align-items: center;
}

rene-view-identifier .tag-name {
    opacity: 0.9;
    flex: 1;
}

.view-identifier-mode [use-view-id] {
    border: 1px solid #17368d!important;
    border-radius: 4px 4px 0 0 !important;
    margin: 6px !important;
    position: relative !important;
    padding: 35px 10px 10px 10px !important;
}

rene-stage[show-tabs] {
    display: grid;
    grid-template-rows: auto 1fr;
}

rene-stage[use-tabs]>rene-item {
    display: block;
    height: 100%;
    min-height: 0;
}

[use-tabs]>rene-tabs {
    display: none;
}

[show-tabs]>rene-tabs {
    display: flex;
    flex-direction: row;
    gap: 4px;
    flex-wrap: nowrap;
    background-color: #363636;
    color: #cbcbcb;
    font-size: 14px;
    padding-bottom: 1px;
}

rene-tabs>rene-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 3px solid transparent;
}

rene-tabs>rene-item.active {
    border-bottom-color: #7b98ff;
}

[show-tabs]>rene-item:not(.active) {
    display: none;
}

.object-type {
    font-size: 10px;
    color: var(--primary-color);
    font-weight: 700;
    letter-spacing: .2px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.font-medium {
    font-weight: 500;
}

.rene-datalist-header .control-wrapper select {
    font-size: 16px !important;
    font-weight: 300 !important;
    padding: 0 1px 0 1px !important;
    background-color: inherit !important;
    color: inherit !important;
}

.rene-datalist-header select {
    color: black;
    background-color: inherit;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 1px 0 1px;
    border: 0;
    border-radius: 4px;
    font-weight: 200 !important;
    font-size: 16px !important;
    line-height: 1.3;
}

.rene-datalist-header select:focus {
    outline: none;
    box-shadow: none;
}

.rene-datalist-header rene-view-switch {
    width: 80px;
    white-space: normal;
}

.rene-datalist-header rene-sorter {
    width: 130px;
    white-space: normal;
}

.rene-datalist-footer:not(:empty) {
    grid-area: footer;
    display: flex;
    flex-direction: row;
    gap: 60px;
    justify-content: center;
    margin-top: 40px;
}

rene-pagination {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 4px;
    align-items: center;
}

rene-pagination rene-button[node-id="ic-first"],
rene-pagination rene-button[node-id="ic-last"] {
    display: none;
}

rene-pagination>span {
    white-space: nowrap;
    padding: 0 6px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.grid-full-width {
    grid-column: 1 / -1;
}

.self-start {
    align-self: flex-start;
}

.self-center {
    align-self: center;
}

span[node-id='884c72cdd0fe456c8e6737e43dceb093'] {
    font-size: 9.5px;
    font-weight: 600;
    opacity: 0.95;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    padding-top: 2px;
}

rene-box[node-id='64fc3c1c74b0427f937a0166a6e60531'] {
    margin: 8px 0;
}

.rene-panel-bar {
    display: flex;
    flex-direction: row;
    gap: 5px;
    border-bottom: 1px solid var(--stroke-strong);
    padding: 0 7px;
}

rene-tabs>rene-item>span {
    padding: 4px 8px;
}

rene-tabs>rene-item>rene-button {
    display: none;
}

rene-tabs>rene-item.active>rene-button {
    display: block;
}

rene-tabs>rene-item>rene-button>button {
    display: block;
    background-color: transparent;
    color: #cbcbcb;
    font-size: 17px;
}

rene-tabs>rene-item>rene-button:hover>button {
    background-color: #514f4f !important;
    box-shadow: none !important;
    color: inherit !important;
}

rene-css-declarations {
    display: flex;
    flex-direction: row;
}

rene-css-declarations>*:not(last-child) {
    border-right: 1px solid var(--stroke-strong);
    padding: 0 12px;
}

rene-size-position-style,
rene-typography-style {
    max-width: 280px;
}

rene-overflow-menu {
    position: relative;
}

rene-overflow-menu.overflow>div.content {
    display: none;
}

rene-overflow-menu:not(.overflow)>.content {
    flex-direction: row;
    display: flex;
    gap: 7px;
    align-items: center;
}

rene-overflow-menu[dropdown]>div.content {
    position: fixed;
    display: flex;
    z-index: 100;
    left: 0;
    right: 0;
    background-color: white;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.09) 0 2px 1px, rgba(0, 0, 0, 0.09) 0 4px 2px, rgba(0, 0, 0, 0.09) 0 8px 4px, rgba(0, 0, 0, 0.09) 0 16px 8px, rgba(0, 0, 0, 0.09) 0 32px 16px;
    margin-top: 8px;
    flex-direction: column;
    gap: 20px;
}

rene-overflow-menu:not(.overflow)>rene-button.overflow-button {
    display: none;
}

.toggle-filter {
    display: flex;
}

rene-dockpanel rene-toolbar {
    color: var(--color);
    padding: 12px 10px;
    border-bottom: 1px solid var(--stroke-strong);
}

rene-box[node-id='68638115h6bemd71d7ptq56f00195422'] {
    display: flex;
    background-size: cover;
    flex-direction: column;
    align-items: center;
    background-position: 50%;
    height: 100%;
    justify-content: center;
}

rene-styles {
    display: flex;
    flex-direction: column;
    background-color: #23262B;
}

rene-style-container {
    display: flex;
    flex-direction: column;
    font-size: 11px;
    color: #ebebeb;
    background-color: #23262b;
    font-family: 'Liberation Mono', 'Consolas', monospace;
}

rene-style-container:has(rene-style-container-editor) {
    position: absolute;
    inset: 0;
}

rene-style-container>.header {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #333a44;
    border-top: 1px solid #7c7878;
    border-bottom: 1px solid #2E3540;
    padding: 2px 4px;
    gap: 12px;
}

rene-style-container rene-button>button {
    font-size: inherit !important;
    min-height: 0;
}

rene-style-container label {
    display: flex;
    align-items: center;
    gap: 4px;
}

rene-style-container label>span {
    color: #a7a7a7;
}

rene-css-selectors {
    padding: 3px 24px 3px 4px;
    position: relative;
}

rene-css-selectors rene-button[node-id="add-selector"] {
    position: absolute;
    right: 1px;
    top: 2px;
}

rene-style-declarations {
    display: flex;
    flex-direction: column;
    margin-left: 16px;
    line-height: 1;
    padding-bottom: 10px;
    padding-right: 4px;
}

rene-style-declarations input.decl-key {
    color: #58C9F4;
    place-self: baseline;
}

rene-style-declaration>span {
    place-self: baseline;
    margin-right: 2px;
    margin-left: -3px;
}

rene-plain-text,
rene-plain-textarea {
    display: contents;
}

rene-plain-textarea>textarea {
    min-width: 0;
    flex: 1 1 0;
    width: 100%;
    white-space: normal;
    resize: none;
    height: 1em;
    min-height: 1em;
    overflow: hidden;
    box-sizing: border-box;
}

rene-plain-text .mirror-span {
    visibility: hidden;
    position: absolute;
    white-space: pre;
}

rene-style-declarations textarea.decl-value {
    place-self: baseline;
}

rene-style-declaration {
    display: flex;
    flex-direction: row;
    gap: 2px;
}

.plain-input {
    background-color: transparent;
    border: none;
    outline: none;
    color: inherit;
    font-size: inherit;
    padding: 0;
    margin: 0;
    padding-block: 0;
    padding-inline: 0;
    line-height: 1;
    font-weight: inherit;
    font-family: 'Liberation Mono', 'Consolas', monospace;
}

rene-quantity-selector {
    width: 50px;
    display: flex;
}

rene-quantity-selector select {
    border-radius: 4px;
    padding: 5px 4px;
    border: 1px solid var(--stroke-weak);
}

rene-quantity-selector input {
    display: none;
    border-radius: 4px;
    width: 100%;
    padding: 8px 4px 7px 8px;
    border: 1px solid var(--stroke-strong);
}

rene-quantity-selector[manual-input] select {
    display: none;
}

rene-quantity-selector[manual-input] input {
    display: block;
}

span.clamped {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: var(--rene-line-clamp);
    line-clamp: var(--rene-line-clamp);
    max-width: 100%;
}

.show-more-line-clamp {
    margin: 10px 0 10px -2px;
}

span:not(.clamped) +rene-button.show-more-line-clamp {
    display: none;
}

.select-text {
    user-select: text;
}

rene-filter-summary {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
}

rene-filter-summary:empty {
    display: none;
}

rene-filter-summary>.filter-badge {
    border: 1px solid #c7c7c7;
    background-color: #e6e6e6;
    padding: 4px 0 4px 8px;
    border-radius: 6px;
    display: inline-flex;
}

rene-filter-summary>.filter-badge>button {
    margin-left: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    margin-top: -4px;
    display: inline-flex;
    margin-bottom: -4px;
    padding: 0 7px 2px 6px;
    background: inherit;
    border-left: 1px solid #c7c7c7;
}

*:has(.full-screen) {
    display: contents !important;
    z-index: 0 !important;
    overflow: hidden !important;
}

rene-box[is-hidden-until-scroll-position] {
    height: 0;
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    position: sticky;
}

rene-box[is-hidden-until-scroll-position].is-revealed {
    height: auto;
    max-height: initial;
    overflow: initial;
    visibility: visible;
}

rene-box[node-id='6895a148ydeqdj1one41fo4a00325217'] {
    display: block;
    font-size: 15px;
    padding: 6px 4px;
}

.property-section [rene-expansion-state="expanded"]>rene-expansion-area {
    padding-bottom: 10px;
    padding-right: 10px;
    padding-top: 5px;
}

rene-property[node-id='683ee00cafodchhvksf6rift00d06f45'] {
    margin-top: 10px;
}

span[node-id='6895a16eydeqdj1one41fo4a00325219'] {
    display: block;
}

rene-toolbox-group {
    display: block;
}

rene-toolbox-group>h5 {
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0;
}

rene-toolbox-group>div.content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 5px;
}

.is-null {
    color: #b1b1b1;
}

.simple-list-entry {
    padding: 6px 4px 5px 4px;
    font-size: .95rem;
}

.no-data {
    color: gray;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 4px;
}

rene-enum>label>input {
    margin: 6px;
}

rene-enum>label {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2px;
}

rene-message {
    font-size: 12px;
}

.rene-sub-name {
    margin: 0 0 8px 0;
    font-size: 11px;
    font-weight: 700;
    opacity: .9;
}

.flex-children-1>* {
    flex: 1 1 0;
}

.rene-fall-in {
    opacity: 0;
    transform: translateY(80px);
    transition: transform 0.6s ease-out, opacity 0.6s ease-out;
}

.rene-fall-in.fall-in-is-visible {
    opacity: 1;
    transform: translateY(0);
}

.heading-centered>rene-box {
    justify-content: center;
    text-align: center;
}

.heading-centered>rene-box>rene-area {
    display: none;
}

.heading-centered>.additional_text {
    text-align: center;
    justify-self: center;
}

.prop-enum-radio-buttons-row>rene-enum.control-wrapper {
    flex-direction: row !important;
    gap: 20px !important;
    border: none;
}

.rene-html-list-in-row {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    padding-inline: 0;
}

.rene-html-list-no-bullets {
    list-style-type: none;
    padding-inline-start: 0;
}

.demo {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}

rene-navigation-container,
rene-navigation-pane {
    display: block;
}

.display-name {
    font-size: 16px;
    font-weight: 400;
}

rene-set.rene-node-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px;
}

span[node-id='68f746abj8noi1im2hw5cx6600dd38c5'] {
    font-size: 10px;
}

rene-box[node-id='68f746efj8noi1im2hw5cx6600dd38c8'] {
    border: 1px solid #575757;
    border-radius: 5px;
    display: flex;
    gap: 4px;
    flex-direction: column;
    padding: 3px 5px;
    background-color: var(--stroke-weak);
    flex: 1;
}

rene-style-container-editor {
    padding: 10px;
    flex: 1;
    z-index: 1;
}

rene-style-container-editor>rene-container {
    border: 1px solid #575757;
    border-radius: 2px;
    display: flex;
    gap: 2px;
    flex-direction: column;
    padding: 3px 5px;
    background-color: var(--stroke-weak);
    flex: 1;
}

rene-style-container-editor>rene-container>div.css-class-group {
    border: 1px solid #575757;
    border-radius: 2px;
    display: flex;
    gap: 2px;
    flex-direction: column;
    padding: 3px 5px;
    background-color: var(--stroke-weak);
    flex: 1;
}

rene-style-container-editor>rene-container>div.css-class-group>span.css-class-group-name {
    font-weight: bold;
    padding: 3px 5px;
}

rene-style-container-editor>rene-container>div.css-class-group>div.css-class-group-container {
    border: 1px solid #575757;
    border-radius: 2px;
    display: flex;
    gap: 8px;
    flex-direction: row;
    flex-wrap: wrap;
}

rene-style-container-editor>rene-container>div.css-class-group>div.css-class-group-container div.css-class-group-item-property-select {
    border: 1px solid #575757;
    border-radius: 2px;
    display: flex;
    flex-direction: row;
}

rene-style-container-editor>rene-container>div.css-class-group>div.css-class-group-container .css-class-group-item-property-clear {
    font-size: 1.2em;
    width: 20px;
    cursor: pointer;
}

rene-style-container-editor>rene-container>div.css-class-group div.css-class-group-item-classes-entry {
    border: 1px solid #575757;
    border-radius: 2px;
    display: flex;
    gap: 2px;
    flex-direction: column;
    padding: 3px 5px;
    background-color: var(--stroke-weak);
    flex: 1;
    cursor: pointer;
}

rene-style-container-editor>rene-container>div.css-class-group div.css-class-group-item-classes-entry[selected] {
    background-color: red;
}

overflow-visible {
    overflow: visible;
}

.props-in-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.props-in-row>* {
    flex: 1 1 0;
}

.property-section h6 {
    margin: 0 0 .6rem 0;
}

rene-property[node-id='68a42227f0bqg88nplb9ujnv00bce072'] {
    grid-column: span 8;
}

rene-property[node-id='68872cbc9dgrkhmi4bzbs6zd00090763'] {
    grid-column: span 4;
}

.col-span-1 {
    grid-column: span 1;
}

.col-span-2 {
    grid-column: span 2;
}

.col-span-3 {
    grid-column: span 3;
}

.col-span-4 {
    grid-column: span 4;
}

.col-span-5 {
    grid-column: span 5;
}

.col-span-6 {
    grid-column: span 6;
}

.col-span-7 {
    grid-column: span 7;
}

.col-span-8 {
    grid-column: span 8;
}

.col-span-9 {
    grid-column: span 9;
}

.col-span-10 {
    grid-column: span 10;
}

.col-span-11 {
    grid-column: span 11;
}

.col-span-12 {
    grid-column: span 12;
}

rene-property[node-id='68b144fadb0akqwnuztay7ly00c8830b'] {
    grid-column: span 6;
}

rene-property[node-id='67bd9d07xg8vz00amjjbdhoy00698fb2'] {
    grid-column: span 4;
}

rene-property[node-id='68c3eb313lm9j8r349v4msoy0066cb9a'] {
    grid-column: span 8;
}

rene-property[node-id='6851236evrn6lhe1scl7nav70058dac3'] {
    grid-column: span 6;
}

rene-property[node-id='h8i9j0k1l2m3n4o5p6q7r8s9t0u1v2w3'] {
    grid-column: span 6;
}

rene-property[node-id='6807635aapza337vy8nan436006da332'] {
    grid-column: span 6;
}

rene-property[node-id='7d912bb7973e4a898c1b9267e63cad4e'] {
    grid-column: span 6;
}

rene-property[node-id='687f89b1ako9jyzwbuiahrrp002855f1'] {
    grid-column: span 6;
}

rene-button[node-id='68af050651c6yeowhw5r61wd0053e6ea'] {
    grid-column: span 3;
}

rene-section[node-id='67d011f4u2ugdfxxj5kbbcew001a5935']>rene-section-body {
    border-top: 1px solid var(--stroke-strong);
    border-bottom: 1px solid var(--stroke-strong);
    padding: 12px;
}

rene-section[node-id='6903543bvjilc16b4mla8sp500321c0b']>rene-section-body {
    border-top: 1px solid var(--stroke-strong);
    padding: 8px 12px;
}

rene-property[node-id='67b495c4vo2w899vp3k7l4w000ccbad7'] {
    grid-column: span 6;
}

rene-property[node-id='67b495c6vo2w899vp3k7l4w000ccbad9'] {
    grid-column: span 6;
}

rene-property[node-id='67b495c8vo2w899vp3k7l4w000ccbadb'] {
    grid-column: span 6;
}

rene-property[node-id='67b495c9vo2w899vp3k7l4w000ccbadd'] {
    grid-column: span 6;
}

rene-box[node-id='6851241fd1g8olejp2m0gghk00a304cd'] {
    display: flex;
    gap: 3px;
}

rene-box[node-id='68517c592wv5bm6w6v92bcx900c9e641'] {
    display: flex;
    gap: 8px;
}

rene-box[node-id='6911d557eueng094zy1nfpkb00b9d361'] {
    display: flex;
    gap: 8px;
}

input[type="radio"] {
    border: 1px solid var(--selection-control-color);
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    appearance: none;
    height: 18px;
    width: 18px;
    min-width: 18px;
    border-radius: 50%;
}

input[type="radio"]:checked {
    border-color: var(--selection-control-checked-color);
}

input[type="radio"]:checked::after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: var(--selection-control-checked-color);
}

rene-box[node-id='6915d0185awlycye350nknn300106d80'] {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 20px;
}

rene-box[node-id='6915d01f5awlycye350nknn300106d82'] {
    border-left: 1px solid var(--stroke-strong);
    padding-left: 15px;
}

rene-anchor[node-id='6807aa38ahcy78j7qy4nr1rk0007dc92'] {
    align-self: flex-start;
    margin-top: 20px;
}

rene-anchor[node-id='6807c7222j2yi9sp4d00emxj007da553'] {
    align-self: flex-start;
    margin-top: 20px;
}

rene-property[node-id='691f4ff30d78sxo4pwwd2pbv00b3b6eb'] {
    grid-column: span 4;
}

rene-property[node-id='691f4ff70d78sxo4pwwd2pbv00b3b6ee'] {
    grid-column: span 4;
}

rene-property[node-id='691f4ff00d78sxo4pwwd2pbv00b3b6e8'] {
    grid-column: span 4;
}

rene-property[node-id='6818940bz9rcvcr6l7jrc9ev00e83519'] {
    grid-column: span 6;
}

rene-property[node-id='67b48cafnj6fbr39gkdg6o9u00d84020'] {
    grid-column: span 6;
}

rene-property[node-id='67b48ce9nj6fbr39gkdg6o9u00d84029'] {
    grid-column: span 6;
}

rene-property[node-id='68903fdenh5yk7qqlus9uial00977d8e'] {
    grid-column: span 6;
}

rene-property[node-id='692764b0cbf9mkim3yhpky4l005df899'] {
    grid-column: span 4;
}

rene-property[node-id='69276493cbf9mkim3yhpky4l005df896'] {
    grid-column: span 4;
}

rene-property[node-id='692764b3cbf9mkim3yhpky4l005df89c'] {
    grid-column: span 4;
}

.text-alternate,
rene-anchor.text-alternate>a,
rene-overflow-menu:not([dropdown] ) rene-menu-item.text-alternate>rene-anchor>a,
rene-menu-item:not(rene-overflow-menu rene-menu-item).text-alternate>rene-anchor>a,
rene-overflow-menu.text-alternate>rene-button>button,
rene-button.text-alternate>button {
    color: var(--text-alternate);
}

.shadow-1 {
    box-shadow: var(--shadow-1);
}

.shadow-2 {
    box-shadow: var(--shadow-2);
}

.shadow-3 {
    box-shadow: var(--shadow-3);
}

.shadow-4 {
    box-shadow: var(--shadow-4);
}

.shadow-5 {
    box-shadow: var(--shadow-5);
}

.shadow-6 {
    box-shadow: var(--shadow-6);
}

.shadow-7 {
    box-shadow: var(--shadow-7);
}

.shadow-8 {
    box-shadow: var(--shadow-8);
}

.shadow-9 {
    box-shadow: var(--shadow-9);
}

.shadow-10 {
    box-shadow: var(--shadow-10);
}

.shadow-11 {
    box-shadow: var(--shadow-11);
}

.shadow-12 {
    box-shadow: var(--shadow-12);
}

.ml-auto {
    margin-left: auto;
}

rene-button[node-id='697871601avhzd10xa4nfr9900e35e89'] {
    margin-top: 30px;
}

span+span {
    margin-left: .2em;
}

rene-box[node-id='unsubscribe-container'] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

rene-box[node-id='unsubscribe-container']>* {
    padding: 60px 50px;
}

rene-button[node-id='ammzaqgvr0ke1tlj1wb3kg'] {
    display: inline-flex;
    flex-direction: row;
    align-content: flex-end;
}

rene-box[node-id='r8cddflnzeigclpfkkrbfg'] {
    border-right: 1px solid #bbbec3;
}

rene-dynamic-content[node-id='rco279ruley0kncw9jy0tg'] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin: 8px 0;
}

rene-box[node-id='cxywfxvinke0rrp6e2xvq'] {
    padding-top: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-top: 1px solid var(--stroke-strong);
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

rene-box[node-id='402bc4da42784d65b1a266d923b2f9f7'] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.cls-product-horizontal-view {
    position: relative;
    border-radius: 8px;
    width: 165px;
    height: 165px;
    margin-right: 15px;
}

.cls-product-main-image {
    width: 100%;
    height: 100%;
    margin: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    box-sizing: border-box;
}

.cls-product-main-image-small {
    width: 60px;
    height: 60px;
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.cls-product-main-image-small>img,
.cls-product-main-image>img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

rene-box[node-id='44778395b93b4422ae64fa3ab158292a'] {
    gap: 2px;
    padding: 0px 16px 8px 18px;
    grid-area: description;
    justify-content: flex-start;
}

.cls-productlist-partno {
    font-size: 11px;
    font-weight: 400;
}

.cls-productlist-title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-bottom: 0;
    display: block;
    min-height: 32px;
}

rene-box[node-id='f8b6a43d97f746ae968c4cb9362f8611'] {
    gap: 4px;
    font-size: 13px;
    color: #1c1c1c;
}

cls-productlist {
    position: relative;
}

rene-box[node-id='f973ae66b7ab48fbab2aa46ba3957661'] {
    position: sticky;
    top: 0;
    z-index: 1;
    height: 50px;
    background-color: #fff;
}

.cls-productlist-rowview {
    padding: 0 0 0 25px;
    gap: 15px;
}

rene-box[node-id='eee8139b7d634884b943c145a35c1cf3'] {
    width: 250px;
    position: sticky;
    top: 55px;
    overflow-y: auto;
    height: 100vh;
}

rene-box[node-id='19e9cd69c4934b6b9d661e6e18cc6177'] {
    margin-left: 4px;
    padding-bottom: 8px;
    margin-right: 3px;
}

.cls-filter-group {
    border-top: 1px solid #ccc;
    padding: 4px;
}

.cls-filter-group-title {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
    color: #000;
}

.cls-tile-anchor>a {
    box-shadow: var(--shadow-5);
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    background: #fff;
    transition: transform 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.cls-tile-anchor>a:hover {
    transform: scale(1.1);
}

.cls-tile-anchor>a>span {
    background-color: var(--bg-alternate);
    font-weight: 600;
    padding: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    width: 100%;
}

rene-button[node-id='81d6d75e708f421bbc6c5129677b3c76'] {
    display: inline-flex;
    flex-direction: row;
    align-content: flex-end;
}

rene-anchor[node-id='2cb32a4074d845aab6b5dde2b4e0a90a'] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

rene-anchor[node-id='2cb32a4074d845aab6b5dde2b4e0a90a']>a {
    padding: 0;
}

label,
rene-item {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

rene-image[node-id='jg4zdhmtwue1ibrcmutp6w'] {
    background-color: transparent;
}

rene-anchor[node-id='2cb32a4074d845aab6b5dde2b4e0a90a'] {
    max-width: 100px;
}

.cls-page-container {
    width: 95%;
    max-width: 1080px;
    display: flex;
    margin-bottom: 60px;
}

rene-section[node-id='67c15c84lrerwywb1cdhb3wu00cbdb7c'] {
    padding-top: 120px;
    padding-bottom: 120px;
}

rene-section[node-id='688756b28gv8tpy968yax2pl0085e6b6'] {
    background-color: var(--bg-brand);
    color: #000;
    font-weight: 700;
}

rene-set[node-id='67c70f26gu0cio1dc88xwzb600b16c8f'] {
    display: flex;
    flex-direction: row;
    gap: 8px;
    box-sizing: border-box;
    width: 100%;
}

rene-set[node-id='67c70f26gu0cio1dc88xwzb600b16c8f']>rene-anchor {
    flex: 1;
}

rene-set[node-id='67c70f26gu0cio1dc88xwzb600b16c8f']>rene-anchor>a {
    justify-content: center;
    align-items: center;
}

[dropdown] rene-set[node-id='67c70f26gu0cio1dc88xwzb600b16c8f'] {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, 1fr);
    justify-items: stretch;
}

rene-section[node-id='68d517c5f08dgifxsa4h11r000b9ca93']>rene-section-body {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: var(--bg-alternate);
    padding: 12px 6px;
    gap: 0px;
}

rene-set[node-id='67e12a6aq5tpbrbd4cx5u28l00cdc7f6'] {
    margin-top: 60px;
    margin-bottom: 60px;
}

rene-box[node-id='67d94286m8vsba0qx70enwap0085bc39'] {
    display: flex;
    flex-direction: column;
}

rene-box[node-id='67d96a5f31du6405a1t3cdim00a9f04a'] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

rene-box[node-id='67d98b974r7gn1k7gso08cbd005b82a5'] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}

rene-box[node-id='67d98ce24r7gn1k7gso08cbd005b8307'] {
    flex-direction: column;
    display: flex;
    min-width: 100px;
    align-items: flex-end;
}

rene-box[node-id='67dad229guud905sb1wb95yd009036a7'] {
    padding: 5px;
}

.cls-productlist[view-mode="tile"] rene-datalist-content rene-grid {
    grid-area: data;
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
}

.product-box {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: auto auto;
    grid-template-areas: "image price-info" "description description";
    flex: 1;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 8px;
    border: 1px solid transparent;
    transition: box-shadow 0.3s, border-color 0.3s;
    background-color: var(--bg-base);
}

.product-box:hover {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
    border: 1px solid #c9c9c9;
}

rene-anchor[node-id='fqsrp0xs0ugvmsfpqhmug']>a,
rene-anchor[node-id='fuzqqewbmuongcvgq63wa']>a {
    display: flex;
    gap: 5px;
    position: relative;
}

rene-section[node-id='67e29c14yyjyx90i9i5wnnc100958d50'] {
    padding: 40px;
    font-size: 16px;
    background-color: #fff;
}

rene-set[node-id='67e29c35yyjyx90i9i5wnnc100958d54'] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 60px;
    justify-content: center;
}

rene-set[node-id='67e29c35yyjyx90i9i5wnnc100958d54']>* {
    min-width: 130px;
}

rene-set[node-id='67e29e2avbz0znza4u72wzhy00b2babc'] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 40px;
}

span[node-id='67e29c7cyyjyx90i9i5wnnc100958d60'] {
    font-weight: 600;
}

rene-box[node-id='67e2b1c46igvou9ev0u3687b004ca1fa'] {
    text-align: center;
}

span[node-id='67e2b1346igvou9ev0u3687b004ca1e6'] {
}

rene-box[node-id='67e2b1dc6igvou9ev0u3687b004ca1fb'] {
    margin-top: 30px;
}

.cls-main-showcase>rene-showcase-content {
    color: #fff;
}

.cls-main-showcase h2 {
    text-align: center;
    margin-bottom: 18px;
    font-size: 38px !important;
    text-shadow: 0em 0em 0.3em #000000;
    color: #fff;
    font-weight: 300;
}

.cls-main-showcase span {
    font-size: 27px;
    text-align: center;
    text-shadow: 0em 0em 0.3em #000000;
}

.product-availability.available-type-available {
    background-color: var(--cls-color-available-available);
}

.product-availability.available-type-level1 {
    background-color: var(--cls-color-available-level1);
    color: var(--text-alternate);
}

.product-availability.available-type-level2 {
    background-color: var(--cls-color-available-level2);
    color: var(--text-alternate);
}

.product-availability.available-type-level3 {
    background-color: var(--cls-color-available-level3);
    color: var(--text-alternate);
}

.product-availability.available-type-on-request {
    background-color: var(--cls-color-available-on-request);
    color: var(--text-alternate);
}

.basket-line-product-availability.available-type-available,
span[node-id='67e5946d8wliiuafs81aokqb00bc6383'].available-type-available,
span[node-id='67e594a98wliiuafs81aokqb00bc6390'].available-type-available {
    color: var(--cls-color-available-available);
}

.basket-line-product-availability.available-type-level1,
span[node-id='67e5946d8wliiuafs81aokqb00bc6383'].available-type-level1,
span[node-id='67e594a98wliiuafs81aokqb00bc6390'].available-type-level1 {
    color: var(--cls-color-available-level1);
}

.basket-line-product-availability.available-type-level2,
span[node-id='67e5946d8wliiuafs81aokqb00bc6383'].available-type-level2,
span[node-id='67e594a98wliiuafs81aokqb00bc6390'].available-type-level2 {
    color: var(--cls-color-available-level2);
}

.basket-line-product-availability.available-type-level3,
span[node-id='67e5946d8wliiuafs81aokqb00bc6383'].available-type-level3,
span[node-id='67e594a98wliiuafs81aokqb00bc6390'].available-type-level3 {
    color: var(--cls-color-available-level3);
}

.basket-line-product-availability.available-type-on-request,
span[node-id='67e5946d8wliiuafs81aokqb00bc6383'].available-type-on-request,
span[node-id='67e594a98wliiuafs81aokqb00bc6390'].available-type-on-request {
    color: var(--cls-color-available-on-request);
}

span[node-id='09db08abc8f5460f891fb71a9fa7d96a'],
span[node-id='a3e73103ef12439da2ebcd67c2df3154'] {
    font-size: 12px;
    font-weight: 400;
    color: var(--color);
    padding-right: 12px;
    text-align: right;
    margin-left: 6px;
}

rene-box[node-id='67e523f0and21m3o4xuipkh500c81038'] {
    grid-area: price-info;
    justify-self: flex-end;
    display: flex;
    flex-direction: column;
    margin-right: -2px;
    position: relative;
    margin-top: 35px;
}

rene-box[node-id='761cefc268f1459c90b3a0ad0fb834c5'] {
    margin-top: 8px;
    margin-bottom: 10px;
}

rene-anchor[node-id='67e56aa3imvc5anzhhaxw2il00fc3ef2'] {
    grid-area: image;
}

rene-anchor[node-id='67e56b01imvc5anzhhaxw2il00fc3f1b'] a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    white-space: wrap;
}

rene-dynamic-content[node-id='67e577a9j0e69qrj1ag51zoa00a35b05'] {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 14px;
}

rene-box[node-id='67e582d0q1pkn9ut9s2y6ejg00ac29a7'] {
    gap: 6px;
    padding: 12px;
    line-height: 1.2;
}

rene-box[node-id='67e58ff18wliiuafs81aokqb00bc62c7'] {
    display: flex;
    flex-direction: row;
    gap: 4px;
    margin: 20px 14px 2px 8px;
    align-items: center;
}

rene-box[node-id='67e593e18wliiuafs81aokqb00bc6345'] {
    margin: 16px 14px 2px 8px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
}

span[node-id='67e594a98wliiuafs81aokqb00bc6390'] {
    margin-bottom: 16px;
    margin-left: 49px;
    margin-top: -8px;
    color: var(--cls-color-available-available);
}

span[node-id='67e5946d8wliiuafs81aokqb00bc6383'] {
    margin-left: 49px;
    margin-top: -8px;
    color: var(--cls-color-available-available);
}

span[node-id='67e590a28wliiuafs81aokqb00bc62e7'] {
    font-weight: 600;
}

span[node-id='67e5944a8wliiuafs81aokqb00bc6376'] {
    font-weight: 600;
}

.cls-productlist {
    margin-bottom: 35px;
}

.cls-productlist[view-mode="list"] rene-datalist-content rene-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

rene-box[node-id='67d97f234r7gn1k7gso08cbd005b7fd6'] {
    display: flex;
    justify-content: space-between;
    font-weight: 600;
}

.cls-productlist rene-datalist-content rene-grid>rene-item {
    container-name: product-box;
    container-type: inline-size;
}

rene-box[node-id='67ea706dt8g5pjvmk8n2tfhz0032ec95'] {
    display: flex;
    justify-content: space-between;
}

rene-box[node-id='67ea7268t8g5pjvmk8n2tfhz0032f054'] {
    display: flex;
    justify-content: space-between;
}

rene-box[node-id='67ea78a3fjhr6o52yyjax97q008b2922'] {
    display: flex;
    justify-content: space-between;
}

rene-box[node-id='67ea7940c4rcmerhnhxiqo8200986db4'] {
    display: flex;
    justify-content: space-between;
}

rene-box[node-id='67ea79c7e66x3uruysf7ct1d00518569'] {
    display: flex;
    justify-content: space-between;
}

rene-box[node-id='67ea7ce0jejg2hjbu91n3ry30022139b'] {
    display: flex;
    justify-content: space-between;
    font-weight: 600;
}

rene-box[node-id='67ea7d2djejg2hjbu91n3ry30022154a'] {
    display: flex;
    flex-direction: column;
}

rene-box[node-id='67ea7debjejg2hjbu91n3ry300221851'] {
    display: flex;
    justify-content: space-between;
}

rene-box[node-id='67ea7e51jejg2hjbu91n3ry3002219a6'] {
    display: flex;
    justify-content: space-between;
}

rene-box[node-id='67ea7e5ejejg2hjbu91n3ry300221a33'] {
    display: flex;
    justify-content: space-between;
    font-weight: 600;
}

cls-product-specs {
    display: contents;
}

.technical-data-container {
    font-size: 15px;
    margin-top: 15px;
}

.technical-data-container>rene-item {
    border-bottom: 1px solid #eee;
    padding: 8px 0;
    line-height: 1.3;
}

.technical-data-container>rene-item:last-child {
    border-bottom: 0;
}

.technical-data-name {
    display: block;
    color: var(--cls-color-black);
    font-weight: 500;
}

.technical-data-value {
    display: block;
    color: var(--cls-color-black);
    font-weight: 100;
}

rene-heading[node-id='67ed461brwueg20rqtq4br790048e10c'] {
    font-weight: 600;
    margin-top: 30px;
}

span[node-id='67ecfd37gsal082tnwzn9red003133fc'] {
    padding-left: 12px;
}

span[node-id='67ecfd3agsal082tnwzn9red003133fd'] {
    padding-left: 12px;
}

rene-form[node-id='login-form'] {
    max-width: 400px;
    display: block;
    min-width: 300px;
    margin-top: 16px;
}

rene-form[node-id='register-form'] {
    max-width: 500px;
    display: block;
}

span[node-id='68075b68nim4f3t6n06ui6mb007f149b'] {
    font-weight: bold;
}

span[node-id='68075e31bgj58mvaa81v3f4x00a3b9e1'] {
    font-weight: bold;
}

rene-box[node-id='680766d73fdypyt7csrqcbw000e553e2'] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding-bottom: 12px;
    padding-top: 12px;
    gap: 12px;
}

rene-box[node-id='u9di5fhnokuv8nzzftapw'] {
    border-top: 1px solid var(--stroke-strong);
    padding: 12px;
}

rene-box[node-id='txmkaajymuroyfkk7jmg'] {
    display: flex;
    flex-direction: row;
    gap: 12px;
    justify-content: flex-end;
    margin-top: 28px;
}

rene-box[node-id='5h5gaw40o0k2g54u5lfg'] {
    display: flex;
    flex-direction: column;
}

rene-box[node-id='6810b8681lqfdjlq0l6anilt00f09007'] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 28px;
}

rene-box[node-id='6810ec6akneciapz0rtk8jez00e6c9c1'] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

rene-anchor[node-id='6811fc0c27lwwo8z7i980i0y00a693d7'] {
    font-size: 22px;
}

rene-box[node-id='68189249tgwyx45f1oov6e8t001db920'] {
    gap: 12px;
    padding: 4px 12px 2px 2px;
}

span[node-id='6818af571234v0z7dggjpsv600ed8ca4'] {
    font-size: 13px;
    display: block;
}

.cls-testimonial {
    background-color: var(--bg-alternate);
    border-radius: 20px;
    padding: 20px 35px;
    max-width: 400px;
    align-self: center;
    margin-inline: 20px;
}

.cls-testimonial h3 {
    font-size: 24px;
    margin-top: 0;
}

.cls-testimonial .additional_text {
    color: var(--text-alternate);
    font-size: 18px;
    padding-bottom: 10px;
    font-weight: 500;
    margin: 0;
}

.service-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
    padding-inline: 20px;
    align-self: center;
}

.service-box>rene-anchor {
    align-self: center;
    margin-top: auto;
}

rene-html {
    line-height: 1.3;
}

.service-box>rene-html {
    display: block;
    margin-bottom: 20px;
}

rene-form[node-id='password-forgot-form'] {
    max-width: 400px;
}

rene-section[node-id='682c3fd4vzmz0ps6g0b4pera009a5d21'] {
    padding: 60px 0;
}

span[node-id='6cr6pytuy02qxzarlhddtq'] {
    line-height: 1.3;
}

rene-box[node-id='682b3e3empd7jnpcphez0trv005da9de'] {
    display: flex;
    flex-direction: column;
}

rene-box[node-id='682b3ecempd7jnpcphez0trv005daa2c'] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

rene-box[node-id='682b4098mpd7jnpcphez0trv005daa9b'] {
    padding-top: 10px;
}

rene-box[node-id='682b3f6dmpd7jnpcphez0trv005daa64'] {
    display: flex;
    flex-direction: column;
}

rene-box[node-id='682c783fsrwu67ugfae00ska00a3d3d0'] {
    display: flex;
    gap: 16px;
}

rene-box[node-id='682c8a94nmvmtkiwgexoqq0q00dc3585'] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

rene-section[node-id='682c5f0d2oti4crr0btapqh5002f8402'] {
    background-image: url(https://media.cls.at/jpegimages/CLS-Beratung-scaled.jpg);
    background-position: 63%;
    background-size: cover;
    margin-top: 70px;
    aspect-ratio: 4.28;
    object-fit: cover;
}

rene-box[node-id='682c60622oti4crr0btapqh5002f840c'] {
    font-weight: 600;
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-size: 26px;
    color: #555;
    padding-top: 70px;
    padding-bottom: 105px;
}

rene-anchor[node-id='682c60a22oti4crr0btapqh5002f8410'] {
    margin-top: 24px;
    align-self: flex-start;
}

rene-anchor[node-id='682c60a52oti4crr0btapqh5002f8411'] {
    align-self: flex-start;
    margin-top: 12px;
}

.footer-logo {
    height: 100%;
    width: auto;
    object-fit: cover;
    display: block;
}

rene-section[node-id='682df695ve8852tj298nqbqz00be8b37'] {
    background-image: url(https://media.cls.at/jpegimages/CLS_Services_5-Sterne_Landingpage_Vgrau-weit_kl-scaled.jpg);
    background-position: 50%;
    background-size: cover;
    min-height: 160px;
    max-height: 450px;
    height: 17vw;
}

rene-section[node-id='682f1fechz6p2yfh1dogm3jt00accbe2'] {
    padding: 60px 0;
}

rene-section[node-id='6835762eulql7a6a1itg15130069f771'] {
    background-color: lightgray;
    height: 10vw;
    min-height: 160px;
    max-height: 450px;
}

rene-image[node-id='683576f0ulql7a6a1itg15130069f778'] {
    place-self: end;
    background-color: #fff;
    max-height: 80px;
}

rene-section[node-id='6835762eulql7a6a1itg15130069f771']>rene-section-body {
    display: grid;
    align-content: center;
    justify-content: flex-end;
    height: 100%;
}

rene-set[node-id='68357da21ub8q4nkptkzhgvn000b48d3'] {
    margin-top: 60px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 60px;
    margin-bottom: 60px;
}

rene-set[node-id='682aeb302eq7g2uhrdanlty900d60913'] {
    display: grid;
    gap: 40px;
    flex-direction: row;
    flex-wrap: wrap;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}

rene-box[node-id='6836aa792lmjl7oedhrs6e5300280152'] {
    display: flex;
    flex-direction: column;
    padding: 2px;
    gap: 2px;
}

.cls-blocks {
    justify-content: flex-start;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 60px;
    margin: 0 auto;
}

.rene-perspective-switch {
    display: none;
}

[dropdown]>div.content {
    color: var(--color);
}

rene-box[node-id='68075e06bgj58mvaa81v3f4x00a3b9ca'] {
    margin-left: 20px;
}

rene-dynamic-content[node-id='61vz9ze5eucnnfghgooxya'] {
    font-weight: bold;
}

rene-property[node-id='eyjt6lxvcuw7cgpfctzzg'] {
    max-width: 80px;
}

rene-dynamic-content[node-id='cjiplvtktki7jjyhbt8uwq'] {
    display: none;
}

CurrentNode {
    text-decoration: line-through;
}

rene-set[node-id='685be1c48l1lgu2xfzrrkex70055234a'] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));;
    gap: 40px;
}

rene-image[node-id='6818872e4ulp2mpnwv8dbwkd0003b980'] {
    max-width: 50px;
}

rene-box[node-id='681887224ulp2mpnwv8dbwkd0003b97f'] {
    display: flex;
    align-content: center;
    align-items: center;
    gap: 20px;
    justify-content: space-around;
}

rene-box[node-id='68662214lthauu1xkorrxqdr008ac7a8'] {
    gap: 20px;
    justify-content: center;
    margin-top: 5px;
}

rene-box[node-id='68662221lthauu1xkorrxqdr008ac7a9'] {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.footer-logo {
    height: 30px;
}

rene-heading[node-id='682aeae92eq7g2uhrdanlty900d60912'] {
    margin-top: 20px;
}

.cls-product-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: start;
}

.cls-product-card rene-expansion-panel-switch rene-icon {
    margin-left: -8px;
}

.cls-product-card h2 {
    margin: 4px 0 4px 0;
}

rene-box[node-id='6879f4b0mma5168jgptga5uw0021ce36'] {
    border-bottom: 1px solid var(--stroke-strong);
    padding-bottom: 24px;
    order: 1;
    margin-bottom: 4px;
    width: 100%;
}

rene-box[node-id='6879fd53utooydwbrqetwnbo00651f7e'] {
    gap: 8px;
    font-size: 12px;
    transform: translateY(34px);
}

rene-heading[node-id='67e649e2l4cad0fqbvkq3s4t00ab1bb6'] {
    font-size: clamp(1.5rem, 4vw, 2.0rem);
}

.cls-free-shipping {
    border-radius: 4px;
    padding: 4px 6px 4px 12px;
    background-color: var(--cls-color-available-available);
    font-size: 14px;
    gap: 4px;
    display: flex;
    align-self: flex-start;
    color: var(--text-inverse-strong);
    font-weight: 500;
    align-items: center;
}

rene-box[node-id='6879f4b5mma5168jgptga5uw0021ce47'] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    order: 3;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}

.cls-product-card h2 {
    font-size: 20px;
}

rene-box[node-id='6879f4bemma5168jgptga5uw0021ce69'] {
    margin-bottom: 60px;
    grid-area: content;
    order: 4;
    width: 100%;
}

.cls-product-card rene-expansion-area {
    margin-left: 20px;
}

span[node-id='6810ef90kneciapz0rtk8jez00e6cd96'] {
    margin-top: 10px;
}

rene-box[node-id='6879f4bbmma5168jgptga5uw0021ce58'] {
    grid-area: images;
    overflow: hidden;
    order: 2;
    width: 100%;
}

rene-box[node-id='687e3b78jlonivjmls203ve900e3cf60'] {
    display: contents;
    order: 1;
    margin-top: 40px;
    flex: 0 0 400px;
}

span[node-id='67e65658l82288m9ns41fehd00692d0e'] {
    line-height: 1.3;
    box-sizing: border-box;
    display: block;
    margin-top: 15px;
}

rene-showcase[node-id='67e599abzy9f3ppvlkfs1dy1001a4701']:not([fullscreen] ) {
    height: 350px;
}

span[node-id='h7nf079umub9ldqqboq8a'] {
    line-height: 1.5;
}

rene-box[node-id='6880e36bqysjdo2oq8uj8hfq00ec0ff8'] {
    display: contents;
    flex-direction: column;
    order: 2;
    flex: 1 1 0%;
    min-width: 0;
}

.cls-product-condition {
    color: #e4bd00;
    font-weight: 900;
}

rene-box[node-id='6888577dns47dam0ccq7owvn000fe6b2'] {
    display: flex;
    flex-direction: column;
    width: auto;
    line-height: 1;
    align-items: center;
}

span[node-id='68885785ns47dam0ccq7owvn000fe6b3'] {
    background-color: var(--primary-color);
    border-radius: 4px;
    padding: 2px 12px;
    margin-bottom: 3px;
}

span[node-id='68885785ns47dam0ccq7owvn000fe6b3'] {
    margin-bottom: 1px;
}

span[node-id='6888578fns47dam0ccq7owvn000fe6b5'],
span[node-id='6888578cns47dam0ccq7owvn000fe6b4'] {
    text-align: center;
    font-size: .5em;
}

rene-property[node-id='6880cc52nxhv74bnit0kogxa001f5993'],
rene-property[node-id='6880ee29l1hi0yg9t6ca8ebw0093e06c'] {
    min-width: 53px;
}

rene-box[node-id='68821ed8l6ro9chhgeqn4dbu00b091e4'] {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.vat-info {
    font-size: 12px !important;
}

rene-dynamic-content[node-id='6881102faigh2ueokofvib3200c12cb7'] select {
    font-size: 12px;
    border-radius: 4px;
}

rene-dynamic-content[node-id='6881102faigh2ueokofvib3200c12cb7'] {
    margin-right: 6px;
}

rene-image[node-id='68822a09l6ro9chhgeqn4dbu00b094b9'],
rene-image[node-id='68822a83n8ldm6f3nstlop1m003628bc'] {
    height: 20px;
}

rene-box[node-id='6810f8a7mnyswde6y5kwp6ae002d9009'] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-left: 31px;
    margin-top: -28px;
}

rene-box[node-id='68822bfeqsb6724p3dhkofm300672cef'] {
    border-radius: 4px;
    padding: 4px 0;
    gap: 8px;
    margin-top: -8px;
}

.cls-font-light {
    font-weight: 200;
}

.cls-font-extralight {
    font-weight: 100;
}

.cls-font-normal {
    font-weight: 400;
}

.cls-font-medium {
    font-weight: 500;
}

.cls-font-bold {
    font-weight: 800;
}

.cls-font-extrabold {
    font-weight: 900;
}

.cls-text-gray-2 {
    color: xvar(--cls-color-gray-2);
}

.cls-text-gray-2 {
    color: var(--cls-color-gray-2);
}

.cls-text-gray-3 {
    color: var(--cls-color-gray-3);
}

.cls-text-gray-4 {
    color: var(--cls-color-gray-4);
}

.cls-text-black {
    color: var(--cls-color-black);
}

.cls-text-white {
    color: var(--cls-color-white);
}

rene-icon[node-id='687e10daskue860qgje3xg400047a673'] {
    font-size: 1.6em;
    margin: -4px;
    color: var(--text-inverse-strong);
}

span[node-id='688356d3jxzibsgjk3buuri40028e522'],
span[node-id='6883563ejxzibsgjk3buuri40028e51d'] {
    font-size: .6em;
}

span[node-id='68835732jxzibsgjk3buuri40028e544'],
span[node-id='68835740jxzibsgjk3buuri40028e545'],
span[node-id='688359bajxzibsgjk3buuri40028e5a3'],
span[node-id='68835a50jxzibsgjk3buuri40028e5a9'] {
    font-size: .7em;
    margin-right: .4em;
}

.reset-smaller-parts span[node-id='68835732jxzibsgjk3buuri40028e544'],
.reset-smaller-parts span[node-id='68835740jxzibsgjk3buuri40028e545'],
.reset-smaller-parts span[node-id='688359bajxzibsgjk3buuri40028e5a3'],
.reset-smaller-parts span[node-id='68835a50jxzibsgjk3buuri40028e5a9'] {
    font-size: inherit;
}

rene-box[node-id='6883564bjxzibsgjk3buuri40028e51f'],
rene-box[node-id='688356aejxzibsgjk3buuri40028e520'],
rene-box[node-id='6883599djxzibsgjk3buuri40028e5a0'],
rene-box[node-id='68835a34jxzibsgjk3buuri40028e5a8'] {
    align-items: baseline;
    margin-right: 16px;
    min-width: 80px;
}

span[node-id='688359c0jxzibsgjk3buuri40028e5a5'],
span[node-id='68835a55jxzibsgjk3buuri40028e5ab'] {
    font-size: .7em;
}

.reset-smaller-parts span[node-id='688359c0jxzibsgjk3buuri40028e5a5'],
.reset-smaller-parts span[node-id='68835a55jxzibsgjk3buuri40028e5ab'] {
    font-size: inherit;
}

rene-command-form[node-id='68871cffnkvhez7qfuij7odj00419c38'] {
    flex: 1;
    gap: 8px;
}

rene-section[node-id='688756b28gv8tpy968yax2pl0085e6b6']>rene-section-body:has(.overflow) {
    justify-content: center;
}

rene-dynamic-content[node-id='67e526d5ipogoj4z52hhtqzd009b6581'] {
    font-size: 28px;
    max-width: 150px;
}

rene-box[node-id='68885435ns47dam0ccq7owvn000fe62f'] {
    color: var(--cls-color-available-available);
    display: flex;
    gap: 4px;
    margin-top: -2px;
    font-size: 16px;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: row;
}

span[node-id='68885450ns47dam0ccq7owvn000fe648'] {
    white-space: nowrap;
}

rene-icon[node-id='68885456ns47dam0ccq7owvn000fe64f'] {
    color: var(--cls-color-available-available);
    margin-left: -8px;
}

rene-dynamic-content[node-id='6888588bns47dam0ccq7owvn000fe6e2'] {
    display: block;
    position: absolute;
    right: 25px;
    top: 95px;
    font-size: 24px;
    transform: rotate(-20deg);
}

span[node-id='ab0587a77f2e4ce5a6b114c3e9eebb47'] {
    margin-top: 5px;
}

rene-dynamic-content[node-id='6888647esnhu1m3nxuk2znay0012b68e'] {
    max-width: 260px;
    margin-right: 10px;
}

span[node-id='67e524e9fe9uv4wjs49ifucd00b3d101'] {
    padding: 2px 10px;
    font-size: 14px;
    position: absolute;
    top: -1px;
    text-align: center;
    right: -1px;
    border-top-right-radius: 8px;
}

rene-anchor[node-id='67e56b01imvc5anzhhaxw2il00fc3f1b'] {
    min-height: 120px;
    max-height: 120px;
    height: 120px;
    overflow: hidden;
    mask-image: linear-gradient(180deg, #000 80%, transparent 100%);
    -webkit-mask-image: linear-gradient(180deg, #000 80%, transparent 100%);
}

rene-button[node-id='68887f69vudmeqiun3a4e6rn00b731de'] rene-icon,
rene-button[node-id='68887f6cvudmeqiun3a4e6rn00b731e5'] rene-icon {
    font-size: 20px;
}

rene-dynamic-content[node-id='68885868ns47dam0ccq7owvn000fe6bb'] {
    position: absolute;
    right: 10px;
    top: 40px;
    transform: rotate(-25deg);
    font-size: 18px;
}

rene-filter[filter-property="ShipmentCosts"] li:has([name="NotExempt"] ) {
    display: none;
}

datalist-filter h4 {
    color: var(--cls-color-black);
    font-size: 20px;
    font-weight: 600;
}

datalist-filter h4>rene-button {
    float: right;
    font-weight: 100;
}

rene-box[node-id='688a0356bz8aq4ehn202k9zl007ffede'],
rene-box[node-id='695b95e6zklbdmyqq24l9czq0047a1c9'],
rene-box[node-id='69735811nct6it6zcbi3aqym00243e26'] {
    display: none;
    align-items: center;
    gap: 4px;
}

.card {
    border-radius: calc(var(--radius-base) * 6);
    box-shadow: var(--shadow-7);
    border: 1px solid var(--stroke-weak);
}

rene-overflow-menu[node-id='6850182a5q8luzzc3hu6wg1r00216b59'] {
    margin-block: 8px;
}

rene-overflow-menu[node-id='6850182a5q8luzzc3hu6wg1r00216b59']:not(.overflow) {
    flex: 1;
}

rene-overflow-menu[node-id='6850182a5q8luzzc3hu6wg1r00216b59'].overflow {
    align-self: center;
}

rene-set[node-id='67c70f26gu0cio1dc88xwzb600b16c8f']>rene-item a {
    width: 100%;
    justify-content: center;
}

rene-set[node-id='67c70f26gu0cio1dc88xwzb600b16c8f']>rene-item {
    flex: 1;
}

rene-set[node-id='67c70f26gu0cio1dc88xwzb600b16c8f']>rene-item>rene-anchor {
    width: 100%;
}

.vertical-products rene-showcase-content>rene-item {
    min-width: 310px;
}

.vertical-products rene-showcase-content {
    padding: 24px 6px;
    gap: 20px;
}

rene-button[node-id='68887f6cvudmeqiun3a4e6rn00b731e5'] rene-icon {
    color: var(--link-color);
}

rene-box[node-id='6890b94d8nthbjo9551sl2h90041e335'] {
    flex: 1;
}

rene-box[node-id='6890b9808nthbjo9551sl2h90041e36f'] {
    flex: 1;
}

rene-box[node-id='6890b9908nthbjo9551sl2h90041e371'] {
    flex: 1;
}

rene-box[node-id='6891db10precpm6jmr0hoal600248c3b'] {
    border-bottom: 1px solid var(--stroke-weak);
    background: var(--bg-overlay);
    box-shadow: var(--shadow-3);
    width: 100%;
    padding: 0 16px 0 0;
    display: flex;
    margin: 0;
    font-size: 14px;
    top: 0px;
    z-index: 1000;
    box-sizing: border-box;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}

.cls-product-card rene-expansion-header {
    position: sticky;
    top: 45px;
    z-index: 999;
    padding: 6px 0;
}

rene-dynamic-content[node-id='689322444w732hggvrggr21100835c1f'] {
    font-size: 18px;
}

rene-box[node-id='689322054w732hggvrggr21100835bf7'] {
    gap: 4px;
    min-width: 0;
    flex: 1 1 0%;
}

span[node-id='689321d64w732hggvrggr21100835bcf'] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

rene-box[node-id='68933000pzk0vlz788opi8xr008b6cdb'] {
    display: flex;
    gap: 18px;
}

rene-anchor[node-id='6818adafy7ss5fszr67qcncl005cdddd']>a {
    display: flex;
    flex-direction: column;
}

span[node-id='6818adb8y7ss5fszr67qcncl005cddde'] {
    min-height: 20px;
}

rene-box[node-id='67dad281guud905sb1wb95yd009036b6'] {
    gap: 18px;
}

rene-box[node-id='6835a8f0wonawnq0rxwxr3ta005dcec7'] {
    gap: 12px;
    margin-top: 20px;
}

span[node-id='6835a8f5wonawnq0rxwxr3ta005dcec9'] {
    display: block;
}

rene-property[node-id='fnwze2o7ducj6hdv0qhg'] {
    width: 100%;
}

rene-section[node-id='68946890jojcc8pjwh1bsyx7005181eb']>rene-section-body {
    gap: 20px;
    margin-bottom: 80px;
}

rene-button[node-id='zuwuua6bxkseu6nsr1iw']>button {
    margin-top: 30px;
}

span[node-id='689b2e2129qz7m3fgj0ryuxk0027799c'] {
    font-size: var(--font-size-xs);
    line-height: var(--line-height-xs);
    text-align: center;
    margin-top: 20px;
}

rene-box[node-id='682c6555wiulq2n7evjwwcwf0007c5cb'] {
    flex-direction: row;
    align-items: center;
}

rene-box[node-id='6836a760fmshey34pqeqyjal00363ff7'] {
    flex-direction: row;
    gap: 3px;
}

.cls-badge-success {
    color: white;
    background-color: green;
}

.cls-badge-error {
    color: white;
    background-color: red;
}

span[node-id='68a32ae7k83hld4pnkxrae410042545f'] {
    color: var(--text-error);
    font-weight: bold;
}

.cls-star-list {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5em 0;
    font-size: 14px;
}

.cls-star-list>li::before {
    content: "★";
    color: var(--yellow-solid-1000);
    font-size: 1.2em;
    margin-right: .3em;
    position: absolute;
    left: 0;
    top: -1px;
}

.stacked-lg-row-reverse {
    display: flex;
    flex-direction: column;
}

.cls-star-list>li {
    position: relative;
    padding-left: 1.4em;
}

rene-heading[node-id='67d03416ektel44v5dqly9xg00055c68'] {
    margin: 30px 0;
}

rene-section[node-id='67d03411ektel44v5dqly9xg00055c67'] {
    padding-bottom: 60px;
}

span[node-id='sg5mwlafsueonw6lhnruq'] {
    display: block;
    margin-top: 20px;
}

rene-property[node-id='67d03db2ektel44v5dqly9xg00055d24'] {
    margin-block: 20px;
}

.cls-badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}

.cls-badge-primary {
    color: black;
    background-color: var(--primary-color);
}

.cls-badge-secondary {
    color: black;
    background-color: var(--secondary-color);
}

.ml-5 {
    margin-left: 5px;
}

rene-box[node-id='689b4c4a83d8x3h0gy7jrki700137549'] {
    justify-content: space-between;
}

.cls-badge-warning {
    background-color: yellow;
    color: darkorange;
}

.cls-badge-info {
    background-color: lightblue;
    color: blue;
}

rene-box[node-id='68adc89eqqalf7y03crc0lk9009c06f3'] {
    display: flex;
    justify-content: flex-end;
}

rene-dynamic-content[node-id='689b506b83d8x3h0gy7jrki7001375b6'] {
    display: flex;
    justify-content: flex-end;
}

.country-postcode-city [path="PostCode"] {
    grid-column: span 3;
}

.country-postcode-city [path="City"] {
    grid-column: span 6;
}

rene-property[node-id='68b801e9py3lna0j7dlhbq0k001c357f'] .control-wrapper {
    border: none;
    gap: 12px;
}

h2[node-id='68b801b5py3lna0j7dlhbq0k001c357c'] {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 600;
}

span[node-id='8eyil4c19kgq6jbo87swg'] {
    margin-left: 14px;
}

rene-expansion-panel[node-id='68ad9259214phs1w3s2w932m0066de89'] {
    margin-top: 20px;
}

rene-box[node-id='68d11a15mu77sz6bixe3mfs1006f4f67'] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    position: relative;
    flex: 1;
}

rene-form[node-id='67d18805epbvkgsvk23eh4eb0009be75'] {
    flex: 1;
}

rene-box[node-id='68d37bb4acreebfx849klc0300367cf4'] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 4px;
}

span[node-id='68d39e01gz4hwhnl3o382ivi00530c26'] {
    margin: 20px 0;
    display: block;
    font-weight: 500;
}

rene-property[node-id='68d3b6d4ci3bd91lk9nzk9a40048e38f'] {
    margin: 40px 0;
}

rene-icon[node-id='68d52b51s2v7f23zqe9zxlb1005f35c5'] {
    color: var(--text-disabled);
}

.cls-star-banner {
    background-image: url(https://media.cls.at/jpegimages/CLS_Services_5-Sterne_Landingpage_Vgrau-weit_kl-scaled.jpg);
}

rene-icon[node-id='68d63960pcrwebi4m6zkvgd300981233'] {
    font-size: 20px;
}

.cls-basket-checkout-panel {
    background-color: #ededed;
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-radius: 5px;
    border: 1px solid #cdcdcd;
    box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
}

.cls-checkout-basket-view {
    background-color: #ededed;
    padding: 12px;
    margin: -1px 5px 5px 5px;
    border: 1px solid #cdcdcd;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
}

rene-form[node-id='67d27dd2cv1y92cl2oz1lwsx00c74d71'] {
    flex: 1;
    margin-top: 30px;
    display: block;
}

.cls-checkout-basket-inner-header {
    margin-bottom: 10px;
    margin-top: 30px;
    display: none;
}

h4[node-id='68d65a13jzfuy4af3yf6qo8m00270511'] {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 22px;
}

rene-dynamic-content[node-id='68b86e3ab7qls95pamn49hrk00a5fda6'] {
    margin-top: 20px;
}

rene-dynamic-content[node-id='67d27f2bcv1y92cl2oz1lwsx00c7500e'] {
    margin-top: 30px;
}

rene-box[node-id='689b2bda29qz7m3fgj0ryuxk00277902'] {
    margin-top: 40px;
}

span[node-id='68f8b720vuofpykecrl5a15j00e4476e'] {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    margin-left: 3px;
    white-space: nowrap;
    display: none;
}

span[node-id='wfy3xc6bq0oxv7la0f3gba'] {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    margin-left: -2px;
    margin-top: -15px;
}

rene-box[node-id='6901c5484bye76o4bijtf7kf00804949'] {
    margin-bottom: 20px;
}

rene-property[node-id='69023ec54gu5hk564dvk57qv00ad25d1'] {
    margin-top: 40px;
}

.country-postcode-city [path="CountryCode"] {
    grid-column: span 3;
}

.country-postcode-city {
    display: contents;
}

rene-property[node-id='69023ee64gu5hk564dvk57qv00ad25e0'] {
    grid-column: span 6;
    margin-bottom: 10px;
}

span[node-id='68d11881pcmspk4vkbk9c37600ec0844'] {
    margin-top: 6px;
}

rene-box[node-id='69048e56qi8a82gjj3072m35002ffde8'] {
    display: flex;
    flex-direction: row;
    gap: 12px;
    min-width: 0;
    flex-wrap: wrap;
}

rene-box[node-id='690492d9xfu1x0ugnjvhvuko00f9b4e9'] {
    min-width: 55px;
    text-align: right;
}

rene-box[node-id='6904984cxfu1x0ugnjvhvuko00f9b63b'] {
    margin-left: auto;
    display: flex;
    flex-direction: row;
}

rene-anchor[node-id='67d987494r7gn1k7gso08cbd005b8130']>a>span {
    overflow: hidden;
    display: block;
    max-width: 100%;
    text-overflow: ellipsis;
    min-width: 0;
}

.cls-tile-anchor>a>rene-box {
    padding: 20px 55px;
    display: flex;
    box-sizing: border-box;
    flex: 1;
}

.cls-img-transparent {
    background-color: transparent !important;
}

rene-box[node-id='690b6e0ble5v8ydavcmoa1v800f68c6d'] {
    overflow: hidden;
    max-width: 145px;
    min-width: 145px;
}

rene-section[node-id='6913541et8zgzvpzjpigts4r00163783']>rene-section-body {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    font-weight: 400;
    gap: 12px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 6px;
    padding-bottom: 30px;
}

rene-section[node-id='690b6c1ah5vwjaphmmkva7fx00e7b34b']>rene-section-body {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 10px;
    padding-top: 25px;
}

rene-box[node-id='690b704ale5v8ydavcmoa1v800f68c8c'] {
    font-weight: 500;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
    align-items: center;
    transform: scale(.8);
}

rene-box[node-id='6911f10deychaxe1d8sxi3m900b53a44'],
rene-box[node-id='69121065wqi5ujldcrootvsw0009270a'] {
    display: flex;
    flex-direction: row;
    gap: 12px;
    flex-wrap: wrap;
}

rene-property[node-id='691209398yu5ttczn2oby8xy00b48bc2'] {
    grid-column: span 6;
}

rene-property[node-id='6912093c8yu5ttczn2oby8xy00b48bc4'] {
    grid-column: span 6;
}

rene-navigation-container[node-id='68b801d5py3lna0j7dlhbq0k001c357d'],
rene-navigation-container[node-id='68d36905yz6zca0pfx55a14t00b66965'] {
    border: 1px solid var(--stroke-weak);
    padding: 16px;
    border-radius: 2px;
}

span[node-id='6912eed9dle0f3j4vlx92kye00093871'] {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    display: inline-block;
    margin-top: 5px;
}

span[node-id='690b6e3fle5v8ydavcmoa1v800f68c71'] {
    white-space: nowrap;
}

rene-section[node-id='690b6c1ah5vwjaphmmkva7fx00e7b34b'] {
    background: var(--bg-alternate);
}

rene-box[node-id='69134c63tsjsdiboy4dwixmp0021abee'] {
    display: flex;
    flex-direction: column;
    column-gap: 25px;
    justify-content: center;
    row-gap: 15px;
}

rene-section[node-id='6913541et8zgzvpzjpigts4r00163783'] {
    background: var(--bg-alternate);
}

rene-box[node-id='6913550ft8zgzvpzjpigts4r00163790'] {
    display: none;
}

rene-menu-item[node-id='6901ecde2g294qvrwn6qyq1i002c27d1'] {
    margin-right: 5px;
}

rene-property[node-id='691c11d3f8qnebfs566k0b1z0010dfd4'] {
    grid-column: span 6;
}

rene-property[node-id='691c11d0f8qnebfs566k0b1z0010dfcf'] {
    grid-column: span 6;
}

rene-property[node-id='67d298f5b3jrweuufjs4qbfb0021f896'] {
    grid-column: span 6;
}

rene-property[node-id='67d298f8b3jrweuufjs4qbfb0021f897'] {
    grid-column: span 6;
}

rene-property[node-id='67d298fab3jrweuufjs4qbfb0021f898'] {
    grid-column: span 6;
}

rene-property[node-id='67d298fdb3jrweuufjs4qbfb0021f899'] {
    grid-column: span 6;
}

rene-anchor[node-id='67e2b3c66igvou9ev0u3687b004ca213'] {
    font-weight: 500;
}

rene-anchor[node-id='67e2b2086igvou9ev0u3687b004ca1fe'] {
    font-weight: 500;
}

rene-button[node-id='67d187f9epbvkgsvk23eh4eb0009be6a'] {
    margin-top: 20px;
}

span[node-id='posc7fl8uueml1vzurxgww'] {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    margin-left: -2px;
    margin-top: -15px;
}

rene-icon[node-id='68d545ec9ilywmwf1fbdwxy300b2ab57'] {
    color: var(--text-disabled);
}

rene-anchor[node-id='67c7110d13dqd477qeujzqpz00198fdf']>a {
    border: 1px solid var(--stroke-weak);
}

rene-button[node-id='68871d0fnkvhez7qfuij7odj00419c3a'] {
    flex: 1;
}

rene-anchor[node-id='67e56b01imvc5anzhhaxw2il00fc3f1b']>a:hover {
    text-decoration: none;
}

h4[node-id='692e71cfrpyf1bmz90i1ds7a00ada942'] {
    min-height: 32px;
    margin: 0;
}

rene-box[node-id='692e81d1xopvdxj7dtrjwb6l00953c50'] {
    gap: 8px;
}

rene-dynamic-content[node-id='68871deenkvhez7qfuij7odj00419c3f'] {
    display: flex;
    flex: 1;
}

rene-box[node-id='dd5f22a52a3e4e98a983f3bb210b0ca7'] {
    gap: 20px;
    margin-top: 20px;
}

rene-section[node-id='692ebdd905m77k6s59k74g0m00409ed8']>rene-section-body {
    row-gap: 60px;
    max-width: 500px;
}

span[node-id='8k0xqhu8huwwj2hyvadba'] {
    margin-right: 5px;
}

rene-anchor[node-id='685a63a9jm059bhkut81xlfh00142ed0']>a:visited {
    color: var(--link-color);
}

span[node-id='689b2f0b29qz7m3fgj0ryuxk002779a1'] {
    text-align: center;
}

rene-button[node-id='67d27e11cv1y92cl2oz1lwsx00c74edf'] {
    margin-top: 30px;
}

.cls-account-lists {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));;
    gap: 1rem;
    align-items: stretch;
}

rene-set[node-id='67b63ca2oq02be5ejgc5i6jm00d9cd42'] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
    align-items: stretch;
}

rene-set[node-id='682b3ac6rdvgw6h21alq8q8500a0f3af'] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

rene-box[node-id='693027d08bapud2sr3s2lpix008ce0c6'] {
    padding: 20px;
    flex: 1;
}

rene-heading[node-id='693029358bapud2sr3s2lpix008ce0f0'] {
    margin-block: 0;
}

rene-box[node-id='6930286b8bapud2sr3s2lpix008ce0d2'] {
    margin-top: 20px;
    display: flex;
    border-bottom: 1px solid var(--stroke-weak);
    padding-block: 12px;
    flex-direction: row;
    gap: 60px;
}

rene-property[node-id='t8zlqrtmue7xsmipmexa'] {
    margin-top: 20px;
}

rene-box[node-id='689c75bdqwf4t7cs1osckus700729427'] {
    display: block;
}

.cls-account-list-item {
    max-width: 300px;
    padding: 16px;
    border-radius: calc(var(--radius-base) * 3);
}

rene-heading[node-id='67bca1b1wcjlimk9exe5kies006222bd'] {
    margin-top: 0;
}

rene-heading[node-id='67c5bf5b90pkrcd4fya60gg600d49ac8'] {
    margin-top: 0;
}

fieldset[node-id='69313ff8oddt0zd3xfccvy7e00fb5f0d'] {
    margin-top: 40px;
}

rene-property[node-id='67bc7c59hpz1sgqm6kzd1nae004405fb'] {
    margin-bottom: 20px;
}

.cls-basket-checkout-panel>rene-heading {
    margin: 0;
}

fieldset[node-id='6933c900cqm3e5tyo4qvo086007a294d'] {
    margin-top: 30px;
}

rene-box[node-id='693806e25zwldcnetg9cg6pm00fa0f5a'] {
    display: none;
}

rene-box[node-id='693808105zwldcnetg9cg6pm00fa0f7f'] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 4px;
}

rene-box[node-id='693836e4wq1yszb61bun35kf0010c415'] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 4px;
}

rene-anchor[node-id='682da8b7fugp2iu9ibgi7aa6003cb197']>a {
    display: inline-flex;
    flex-direction: row;
    gap: 4px;
}

rene-box[node-id='69383925adrwtuqlfjmo99zr00130419'] {
    display: none;
}

blockquote {
    border-radius: calc(var(--radius-base) * 16);
    padding: 36px;
    font-size: 1rem;
    margin-inline: 0;
    margin-block: 54px;
    background: var(--cls-color-gray-1);
    color: var(--cls-color-gray-4);
    max-width: 300px;
}

blockquote footer,
blockquote cite {
    display: block;
    margin-top: 0.20em;
    font-size: 1rem;
    opacity: 1;
    font-style: normal;
    color: var(--text-inverse-strong);
}

rene-button[node-id='pndn8yy6ueylkxe64abq'] {
    margin-top: 20px;
}

rene-property[node-id='6939537eaec5yp8futn3222200c45d0a'] {
    margin-top: 20px;
}

rene-box[node-id='693c434adzv712syvcsv14ki00ebb812'] {
    background: var(--cls-color-gray-4);
    color: var(--text-inverse-strong);
    padding: 12px;
}

span[node-id='693c4357dzv712syvcsv14ki00ebb817'] {
    font-size: 1.125rem;
    line-height: 1.35rem;
    font-weight: 800;
}

span[node-id='693c4353dzv712syvcsv14ki00ebb815'] {
    color: var(--text-brand);
    font-size: var(--font-size-xs);
    line-height: var(--line-height-xs);
}

rene-button[node-id='apmq2uzjdkgjovwagejwpg'] {
    margin-top: 20px;
}

span[node-id='67e2b0166igvou9ev0u3687b004ca1d0'] {
    padding-inline: .2em;
}

rene-box[node-id='69425a532aa0xnf5hw46ytjx001e6ec9'] {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 780px;
    margin-top: 40px;
}

rene-box[node-id='67e2b1206igvou9ev0u3687b004ca1e5'] {
    text-align: center;
}

rene-box[node-id='67e2b0046igvou9ev0u3687b004ca1ce'] {
    text-align: center;
}

rene-section[node-id='68d517c5f08dgifxsa4h11r000b9ca93'] {
    container-name: section-container;
    container-type: inline-size;
}

rene-anchor[node-id='69383ac7adrwtuqlfjmo99zr0013043e'] {
    display: none;
}

span[node-id='67e2b0106igvou9ev0u3687b004ca1cf'] {
    padding-right: .1em;
}

rene-expansion-panel[node-id="filter-fs"] rene-expansion-area li:has(input[type="checkbox"][name="1"] ) {
    display: none;
}

.cls-vertical-banner-img {
    background-size: cover;
    background-position: 50%;
    height: 17vw;
    min-height: 110px;
    max-height: 400px;
}

rene-box[node-id='r1lvj2bnuuyp7xsg2qfkw'] {
    flex-row: wrap;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding-block: 12px;
    gap: 12px;
    border-bottom: 1px solid var(--stroke-weak);
}

rene-box[node-id='6966375dpfp0j5clwfrxnf9s0075ab9e'] {
    margin-left: 20px;
}

h1[node-id='6966362fpfp0j5clwfrxnf9s0075ab0a'] {
    margin-bottom: 40px;
}

rene-box[node-id='5vmhuvcrmeu030nall2osw'] {
    padding-top: 12px;
    flex-wrap: wrap;
}

rene-section[node-id='682aea5c2eq7g2uhrdanlty900d60911'] {
    margin-top: 50px;
}

rene-button[node-id='whgmmtjhkeivy68zhr8uhq'] {
    margin-top: 30px;
    align-self: flex-start;
}

rene-button[node-id='6968891c7ecjp9zkbk82d9wc0037d4fe'] {
    align-self: flex-start;
    margin-top: 20px;
}

rene-form[node-id='password-reset-form'] {
    max-width: 400px;
}

rene-box[node-id='6909b0153eclsir9cxe4xxq8007f8dbc'] {
    flex: 1;
    position: relative;
    line-height: 1.2;
}

rene-box[node-id='688a10eestvindb7b6nh3tan00a85c6e'] {
    margin-top: 30px;
}

rene-box[node-id='688a1116stvindb7b6nh3tan00a85c87'] {
    margin-top: 30px;
}

rene-anchor[node-id='6968e6cciv20k41bkz5yk11d00c4b458'] {
    align-self: flex-start;
    margin-top: 40px;
}

rene-box[node-id='u8wvme0hjuaiq96yxyf53q'] {
    margin-top: 15px;
}

rene-anchor[node-id='6968f02daoe5nkzi2c7gbptd0068a5d9'] {
    align-self: flex-start;
    margin-top: 20px;
}

rene-anchor[node-id='6968f0e1aoe5nkzi2c7gbptd0068a9c6'] {
    align-self: flex-start;
    margin-top: 20px;
}

rene-anchor[node-id='6968f1dfaoe5nkzi2c7gbptd0068ad42'] {
    border: 1px solid var(--stroke-weak);
    border-radius: 5px;
    display: none;
}

rene-anchor[node-id='6968f1dfaoe5nkzi2c7gbptd0068ad42']>a {
    padding-inline: 8px;
}

rene-heading[node-id='6968fd1c46ova7nrg6tohv2k00aa6545']>rene-box {
    flex: 1;
}

rene-heading[node-id='67c57af1ri1e4eurdiluebbh00dfcb95'] .additional-text {
    max-width: 70%;
}

rene-heading[node-id='696e5537pi9lxqu8x176rbel0097e00b']>rene-box {
    flex: 1;
}

rene-anchor[node-id='6968fc7c46ova7nrg6tohv2k00aa651a'] {
    position: absolute;
    right: 80px;
}

rene-search:not(.active) {
    display: none;
}

rene-box[node-id='password-forgot-container'] {
    max-width: 400px;
}

span[node-id='6808b5fbkwefm178uwqzefu800704f19'] {
    margin-block: 20px;
}

rene-button[node-id='6809096bv5dfcjjzdql4v5sd00782041'] {
    margin-block: 20px;
}

rene-section[node-id='68f74184a118bjgnm9t2oxl000a8aca2'] {
    background-image: url(https://media.cls.at/jpegimages/CLS_Konfiguration_Landingpage_grau_kl-scaled.jpg);
}

rene-anchor[node-id='68f74403a118bjgnm9t2oxl000a8acbf'] {
    align-self: flex-start;
}

rene-set[node-id='693c41benq97phschm71w6vf00f021b5'] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 40px;
}

rene-set[node-id='693c41benq97phschm71w6vf00f021b5']>* {
    border-radius: calc(var(--radius-base) * 3);
    box-shadow: var(--shadow-4);
}

rene-section[node-id='697a2dd3b9wrb8jh45isjhuu005610bb'] {
    background-image: url(https://content.cls.at/shop/misc/CLS-Gruppe-auf-Berggipfel_w_V2-1-scaled.webp);
}

rene-section[node-id='68f72bd2pba12mmvtgvoctpu006e06f0'] {
    background-image: url(https://media.cls.at/jpegimages/CLS_Beratung_Landingpage-scaled.jpg);
}

rene-anchor[node-id='68f737fe6lqhsowegy8cdg4z00f5df01'] {
    align-self: flex-start;
}

.services-grid {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 100px;
}

.cls-card-back {
    background: var(--bg-alternate);
    background-image: url(/_imgs/Goldener_Balken_Qualitaeten.jpg);
    background-repeat: no-repeat;
    padding-top: 90px;
    padding-inline: 45px !important;
    color: var(--text-inverse-strong);
    border-radius: 0;
    background-size: contain;
    margin-top: 35px;
    height: fit-content;
    padding-bottom: 45px;
    min-width: 350px;
    max-width: 350px;
    width: 350px;
    display: none;
}

.cls-card-back>h3,
.cls-card-back>rene-icon {
    color: var(--text-inverse-strong);
}

rene-dynamic-content[node-id='67d16b94t5sym172jozgzvpy00430bb0'] form {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    column-gap: 12px;
}

rene-section[node-id='682c52b3hzsygic60ek9icui00a8aea2'] {
    background-image: url(https://media.cls.at/jpegimages/CLS_Services_5-Sterne_Landingpage_Vgrau-weit_kl-scaled.jpg);
}

rene-heading[node-id='67d16b0ct5sym172jozgzvpy00430b8d'] {
    margin-bottom: 30px;
}

rene-divider[node-id='67ee2a40l7zkercezvht8gjn004e333c'] {
}

rene-section[node-id='67d047dfw7ewaczdx3acos0w00910687']>rene-section-body {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 40px;
    justify-content: center;
    padding: 60px 0;
}

rene-box[node-id='67ee26b4wlcovsr2psamzhl000ad9ed4'] {
    display: grid;
    justify-content: center;
    grid-template-columns: auto;
}

rene-box[node-id='b18101b39b27478e8a93d227aa399343'] {
    display: grid;
    justify-content: center;
    grid-template-columns: auto;
    max-width: 500px;
    place-self: center;
}

rene-anchor[node-id='3d3df77fa53c4c0e87fab54f51a77a75'] {
    justify-self: flex-start;
}

rene-section[node-id='68f75474a118bjgnm9t2oxl000a8ad3e'] {
    background-image: url(https://media.cls.at/jpegimages/CLS_Reparatur_Landingpage_kl-scaled.jpg);
}

.cls-page-content-cta {
    align-self: flex-start;
    margin-top: 30px;
}

rene-section[node-id='6968ee8c38u2yqqjypcbnq4n00399e75'] {
    margin-top: 30px;
}

rene-box[node-id='697357e0nct6it6zcbi3aqym00243dca'] {
    flex: 1;
}

rene-anchor[node-id='68f7632da118bjgnm9t2oxl000a8add1'] {
    align-self: flex-start;
}

p[node-id='690a222f4hkesgucidk8f9jf007dc668'] {
    padding-top: 12px;
}

rene-section[node-id='693902c7q0jhefl9j28qg9c300f5bcca'] {
    background-image: url(https://content.cls.at/shop/misc/CLS_ASP_Landingpage_kl-scaled.webp);
}

rene-box[node-id='6909b99fnsbknl45pk98kire00c07a32'] {
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding-top: 20px;
}

rene-section[node-id='68f744d7a118bjgnm9t2oxl000a8acce'] {
    background-image: url(https://media.cls.at/jpegimages/CLS_Optimierung_Landingpage-Rauchweiss_kl-scaled.jpg);
}

rene-anchor[node-id='68f7482ea118bjgnm9t2oxl000a8acf0'] {
    align-self: flex-start;
}

rene-section[node-id='68f95395323uatw4ngclfi6n002bfbe6'] {
    background-image: url(https://media.cls.at/jpegimages/CLS_Referenzen_Original-V1_Landingpage_kl-scaled.jpg);
}

rene-box[node-id='69397512hpxnf0gvzfshz2hf00b0b5de'] {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-bottom: 40px;
    margin-top: 40px;
}

blockquote[node-id='6908a45ft4d506zks50ko50s004caf99'] {
    margin-block: 0;
}

rene-box[node-id='69397512hpxnf0gvzfshz2hf00b0b5de']>blockquote {
    margin-block: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 24px;
}

rene-box[node-id='69397512hpxnf0gvzfshz2hf00b0b5de'] cite {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    font-weight: 700;
    color: #007;
}

rene-box[node-id='69397512hpxnf0gvzfshz2hf00b0b5de'] cite>span {
    font-weight: 100;
}

span[node-id='690a26314hkesgucidk8f9jf007dc67a'] {
    font-weight: 600;
    display: block;
}

span[node-id='690a277b4hkesgucidk8f9jf007dc67d'] {
    font-weight: 600;
    display: block;
}

span[node-id='690a28154hkesgucidk8f9jf007dc680'] {
    font-weight: 600;
    display: block;
}

span[node-id='690a289c4hkesgucidk8f9jf007dc683'] {
    font-weight: 600;
    display: block;
}

rene-anchor[node-id='690a25b04hkesgucidk8f9jf007dc677'] {
    padding-inline: .2em;
}

rene-section[node-id='697a2cf1b9wrb8jh45isjhuu00561072'] {
    background-image: url(https://content.cls.at/shop/misc/CLS_Karriere_w_V2-scaled.webp);
}

rene-set[node-id='67c15ca9lrerwywb1cdhb3wu00cbdb83'] {
}

rene-section[node-id='67c173c8fahodd6r31nl3px50059da1d']>rene-section-body {
    display: flex;
    gap: 60px;
    flex-direction: column;
    margin-top: 60px;
    margin-bottom: 60px;
}

rene-showcase[node-id='6863fa9f3owa07gcjx4m52sx00481eb9'] {
    height: calc(100vh - var(--rene-offset-top));
    border: 0;
}

rene-heading[node-id='67e3e3703g3st6gn9bjp6dcz00486607'] {
    display: none;
    margin: 0;
}

rene-section[node-id='68f9c757ve0rwrajxiqffw8p0036fc5f'] {
    background-color: var(--bg-brand);
    padding: 60px 0;
    margin-bottom: 70px;
}

big-info {
    display: flex;
    flex-direction: column-reverse;
}

.big-info>* {
    display: flex;
    justify-content: center;
    white-space: nowrap;
}

h6[node-id='68f9d9f9ve0rwrajxiqffw8p0036fd6f'] {
}

.big-info {
    display: flex;
    flex-direction: column-reverse;
}

.big-info h6 {
    font-size: clamp(17px, 3vw, 25px);
    color: #333333;
    font-weight: 400;
    margin: 0;
    margin-top: 10px;
}

.big-info>span {
    font-size: clamp(30px, 5vw, 75px);
    color: #333333;
    font-weight: 400;
    line-height: 1;
}

rene-section[node-id='68f9c757ve0rwrajxiqffw8p0036fc5f']>rene-section-body {
    gap: 35px;
}

.card-var-1 rene-image {
    position: absolute;
    height: 100px;
    inset: 0;
    bottom: unset;
    justify-self: center;
    top: 20px;
}

rene-section[node-id='69007b97ak0d91j19zf872pi00fa30e4']>rene-section-body {
    display: grid;
    flex-direction: column;
    gap: 100px;
    padding-block: 80px;
}

.card-var-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding-top: 150px;
}

.card-var-1 h6 {
    font-size: 23px;
    margin-top: 0;
    margin-bottom: 35px;
    color: #6a6d71;
    font-weight: 400;
}

.card-var-1>span {
    font-size: 17px;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 15px;
}

rene-section[node-id='690c8b197d3vwjk30ro846a1003d0162'] {
    background-color: var(--bg-inverse);
}

h3[node-id='6929c2c7fm5ifhqjqvnb14fx003365dd'] {
    color: var(--text-normal);
    text-align: center;
    font-weight: 700;
}

span[node-id='6929c3a7fm5ifhqjqvnb14fx003365ec'] {
    text-align: center;
}

span[node-id='692b45a4ph6ltfkmo79ognm700daceed'] {
    text-align: center;
}

h3[node-id='692b4663ph6ltfkmo79ognm700dacf0a'] {
    color: var(--text-normal);
    text-align: center;
    font-weight: 700;
}

span[node-id='692b4663ph6ltfkmo79ognm700dacf0d'] {
    text-align: center;
}

h3[node-id='692b46aaph6ltfkmo79ognm700dacf23'] {
    color: var(--text-normal);
    text-align: center;
    font-weight: 700;
}

span[node-id='692b46aaph6ltfkmo79ognm700dacf26'] {
    text-align: center;
}

h3[node-id='692b46f7ph6ltfkmo79ognm700dacf3f'] {
    color: var(--text-normal);
    text-align: center;
    font-weight: 700;
}

span[node-id='692b46f7ph6ltfkmo79ognm700dacf42'] {
    text-align: center;
}

h3[node-id='692b4839ph6ltfkmo79ognm700dacf7b'] {
    color: var(--text-normal);
    text-align: center;
    font-weight: 700;
}

span[node-id='692b4839ph6ltfkmo79ognm700dacf7e'] {
    text-align: center;
}

span[node-id='682b0f63ygc3e6nyrgikz0pn008287a2'] {
    color: var(--text-brand);
}

span[node-id='682b0ffdygc3e6nyrgikz0pn008287a8'] {
    color: var(--text-brand);
}

span[node-id='682b0fbfygc3e6nyrgikz0pn008287a5'] {
    color: var(--text-brand);
}

.service-box<rene-html {
}

rene-icon[node-id='692c09b61dbk02n7303ssrct00235499']>svg {
    fill: var(--bg-alternate);
}

rene-icon[node-id='692c1397qx8k6nkjgrl6jui400e70805']>svg {
    fill: var(--bg-alternate);
}

rene-icon[node-id='692c13a0qx8k6nkjgrl6jui400e7080d']>svg {
    fill: var(--bg-alternate);
}

rene-box[node-id='67c17569du6xhgwgr89o75w4006a1efd'] {
    order: 1;
}

rene-box[node-id='682b0e8bygc3e6nyrgikz0pn0082879e'] {
    order: 2;
    max-width: 400px;
    align-self: center;
}

rene-box[node-id='67c6db3bi6oxi1vd36adhzbd00892285'] {
    order: 3;
}

rene-box[node-id='682b0fa7ygc3e6nyrgikz0pn008287a3'] {
    order: 4;
}

rene-box[node-id='67c6dbbfi6oxi1vd36adhzbd008922ae'] {
    order: 5;
}

rene-box[node-id='682b0ff1ygc3e6nyrgikz0pn008287a6'] {
    order: 6;
}

rene-icon[node-id='692c1397qx8k6nkjgrl6jui400e70805'] {
    display: none;
}

rene-icon[node-id='692c13a0qx8k6nkjgrl6jui400e7080d'] {
    display: none;
}

rene-icon[node-id='692c09b61dbk02n7303ssrct00235499'] {
    display: none;
}

rene-section[node-id='69007b97ak0d91j19zf872pi00fa30e4'] rene-anchor {
    margin-top: auto;
}

.cls-card-1 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.cls-card-1>span {
    margin-bottom: 20px;
    text-align: center;
}

video[node-id='69674925e44rielp5cfflrv10078a24f'] {
    height: calc(100vw * 0.527);
    width: 100vw;
}

rene-section[node-id='696748e1e44rielp5cfflrv10078a24e'] {
    height: auto;
    aspect-ratio: 16 / 4;
    display: block;
    width: auto;
    position: relative;
    margin-bottom: 50px;
}

rene-section[node-id='696748e1e44rielp5cfflrv10078a24e']>rene-section-body {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    top: 0;
    left: 0;
    display: block;
}

div[node-id='69676197lpvetsvp7ov2iir10031d2dd'] {
    width: 100vw;
    height: calc(100vw * 0.527);
    min-width: 0px;
    margin: 0 0 0 calc(100vw / -2);
    bottom: -20%;
    left: 50%;
    position: absolute;
    max-width: none;
    clear: both;
    box-sizing: border-box;
    top: calc(100vw * -0.226);
}

div[node-id='69676283lpvetsvp7ov2iir10031d2f4'] {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

rene-box[node-id='69679525v6b2krey953kxebr001e598f'] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
    gap: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.cls-hover-scale:hover {
    transform: scale(1.2);;
}

.cls-hover-scale {
    transition: .4s ease;
}

rene-anchor[node-id='69679a2e3bc49ntq34a8kv8x00a76083'] {
    align-self: flex-start;
}

rene-section[node-id='6969072fidl8alksnaa0fzzi00151ef2'] {
    background-color: var(--bg-brand);
}

rene-showcase[node-id='696907dcafgczn0t1odbwr8z004b8e4d'] {
    height: 409px;
}

rene-anchor[node-id='696909e0afgczn0t1odbwr8z004bf272'] {
    align-self: flex-end;
    margin-top: 20px;
    margin-bottom: 30px;
}

 {
    align-self: flex-end;
    margin-top: 20px;
    margin-bottom: 30px;
}

rene-anchor[node-id='696909e0afgczn0t1odbwr8z004bf272']>a {
    background-color: var(--cls-color-gray-2);
}

rene-box[node-id='6960fbfcnsftgzkwjrfxr9m400daed25'] {
    padding-top: 60px;
}

rene-section[node-id='6960fc6ansftgzkwjrfxr9m400daed28'] {
    background-image: url(https://content.cls.at/shop/misc/CLS_Sortiment_Landingpage_V-Laptops-gelb-scaled.webp);
}

rene-section[node-id='690a3f12ghetobhaz35iauxg0097cccb'] {
    background-image: url(https://content.cls.at/shop/misc/CLS_RMAHerstellergarantien_Landingpage-scaled.webp);
}

p[node-id='693904b3q0jhefl9j28qg9c300f5bd08'] {
    padding-top: 12px;
}

rene-anchor[node-id='69399413sot52o6360gu3s6w0095591b'] {
    margin-top: 20px;
}

rene-box[node-id='69395ec3aec5yp8futn3222200c45e0f'] {
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding-top: 20px;
}

rene-section[node-id='68f75a59a118bjgnm9t2oxl000a8ad77'] {
    background-image: url(https://media.cls.at/jpegimages/CLS_Services_5-Sterne_Landingpage_Vgrau-weit_kl-scaled.jpg);
}

.cls-tile>span {
    background-color: gray;
    width: 100%;
    color: #fff;
    justify-content: center;
    font-weight: bold;
    font-size: 20px;
    display: flex;
    padding: 7px 0px;
}

cls-tile {
}

.cls-tile {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease-in-out;
}

rene-box[node-id='69088c59t2d43lqiurf26oxv000405c4'] {
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding-top: 20px;
}

.cls-tile:hover {
    transform: scale(1.1);
}

.cls-key-value>span:first-child {
    font-weight: 800;
}

rene-box[node-id='693c1c4c7cjv71i7hic2lyr700895700'] {
    display: flex;
    flex-direction: column;
    gap: 80px;
}

.cls-key-value {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

rene-box[node-id='693c2458fmc3bmddm32x19b5004c6a61'] {
    margin-bottom: 60px;
}

rene-box[node-id='693c24befmc3bmddm32x19b5004c6a74'] {
    margin-top: 30px;
}

rene-dynamic-content[node-id='693c1c627cjv71i7hic2lyr700895703'] {
    margin-top: 30px;
}

rene-section[node-id='697a2d5db9wrb8jh45isjhuu00561075'] {
    background-image: url(https://content.cls.at/shop/misc/CLS_Kontakt_Landingpage_kl-scaled.webp);
}

rene-section[node-id='6908a71den4fuxyttbgckpr40025c7db'] {
    background-image: url(https://content.cls.at/shop/misc/CLS_Lager.webp);
}

rene-box[node-id='69395777aec5yp8futn3222200c45d6b'] {
    max-width: 400px;
    align-self: center;
    width: 100%;
}

rene-box[node-id='6939577aaec5yp8futn3222200c45d6c'] {
    display: none;
}


@media (max-width: 767px)     {
    .touch rene-showcase>rene-button.left-button,
    .touch rene-showcase>rene-button.right-button {
        display: none;
    }

    rene-filter ul,
    rene-feature-filter ul {
        line-height: 1.4;
    }

}

@container stage-container (min-width: 1024px)     {
    [mode="image-gallery"] rene-showcase-tabs {
        display: flex;
        gap: 5px;
    }

    rene-filter ul,
    rene-feature-filter ul {
        line-height: 1;
    }

    rene-showcase[node-id='67e599abzy9f3ppvlkfs1dy1001a4701']:not([fullscreen] ) {
        height: 550px;
    }

    .technical-data-container>rene-item {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .technical-data-name {
        min-width: 290px;
        width: 290px;
    }

    .technical-data-value {
        display: inline-flex;
    }

    span[node-id='67ecfd3agsal082tnwzn9red003133fd'] {
        padding-left: 0;
    }

    .cls-product-card {
        display: flex;
        flex-direction: row;
        column-gap: 60px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 400px;
    }

    rene-box[node-id='687e3b78jlonivjmls203ve900e3cf60'] {
        grid-area: right;
        position: sticky;
        top: 0px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    rene-box[node-id='6880e36bqysjdo2oq8uj8hfq00ec0ff8'] {
        order: initial;
        display: flex;
        flex: 1;
    }

    rene-box[node-id='6879f4bemma5168jgptga5uw0021ce69'] {
        margin-top: 40px;
    }

    rene-box[node-id='6879f4b5mma5168jgptga5uw0021ce47'] {
        margin-bottom: 60px;
    }

    rene-box[node-id='688a0356bz8aq4ehn202k9zl007ffede'],
    rene-box[node-id='695b95e6zklbdmyqq24l9czq0047a1c9'],
    rene-box[node-id='69735811nct6it6zcbi3aqym00243e26'] {
        display: flex;
    }

    rene-box[node-id='6891db10precpm6jmr0hoal600248c3b'] {
        display: none;
    }

    .cls-product-card rene-expansion-header {
        top: 0;
    }

    .stacked-lg-row-reverse {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .stacked-lg-row-reverse>*:first-child {
        grid-column: 2;
        grid-row: 1;
    }

    .stacked-lg-row-reverse>*:last-child {
        grid-column: 1;
        grid-row: 1;
    }

    .basket-checkout-container {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-start;
        gap: 60px;
    }

    .basket-checkout-expansion-panel rene-expansion-header {
        display: none;
    }

    .basket-checkout-expansion-panel rene-expansion-area {
        max-height: fit-content;
        position: sticky;
        top: 0px;
        overflow: visible;
    }

    .cls-checkout-basket-view {
        background-color: transparent;
        margin: 0;
        padding: 0;
        box-shadow: none;
        border: none;
        padding-top: 30px;
    }

    .cls-checkout-basket-inner-header {
        display: flex;
    }

    rene-section[node-id='690b6c1ah5vwjaphmmkva7fx00e7b34b']>rene-section-body {
        flex-direction: row;
        justify-content: space-between;
        padding-inline: 36px;
    }

    rene-section[node-id='67c173c8fahodd6r31nl3px50059da1d']>rene-section-body {
        display: grid;
        gap: 60px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: stretch;
        grid-template-rows: 1fr auto;
    }

    rene-section[node-id='69007b97ak0d91j19zf872pi00fa30e4']>rene-section-body {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        align-items: stretch;
    }

    rene-icon[node-id='692c09b61dbk02n7303ssrct00235499'] {
        position: absolute;
        top: -42px;
        left: 30px;
        display: inline-flex;
    }

    rene-icon[node-id='692c1397qx8k6nkjgrl6jui400e70805'] {
        position: absolute;
        top: -42px;
        right: 50px;
        display: inline-flex;
    }

    rene-icon[node-id='692c13a0qx8k6nkjgrl6jui400e7080d'] {
        position: absolute;
        top: -30px;
        left: 22px;
        display: inline-flex;
    }

    .cls-testimonial {
        order: unset !important;
        margin-inline: 0;
        align-self: stretch !important;
    }

    .service-box {
        order: unset !important;
        padding-inline: 0;
        align-self: stretch !important;
    }

    .cls-card-1 {
        padding-inline: 0;
        max-width: unset;
    }

    rene-box[node-id='693c1c4c7cjv71i7hic2lyr700895700'] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    rene-box[node-id='69395777aec5yp8futn3222200c45d6b'] {
        display: none;
    }

    rene-box[node-id='6939577aaec5yp8futn3222200c45d6c'] {
        display: block;
    }

}

@container stage-container (min-width: 768px)     {
    datalist-filter {
        display: flex;
    }

    rene-pagination rene-button[node-id="ic-first"],
    rene-pagination rene-button[node-id="ic-last"] {
        display: flex;
    }

    .toggle-filter {
        display: none;
    }

    rene-dynamic-content[node-id='cjiplvtktki7jjyhbt8uwq'] {
        display: block;
    }

    rene-box[node-id='69134c63tsjsdiboy4dwixmp0021abee'] {
        flex-direction: row;
    }

    rene-box[node-id='690b704ale5v8ydavcmoa1v800f68c8c'] {
        transform: none;
        gap: 40px;
    }

    rene-section[node-id='6913541et8zgzvpzjpigts4r00163783']>rene-sectin-body {
        font-weight: 500;
    }

    rene-box[node-id='6909b99fnsbknl45pk98kire00c07a32'] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    rene-box[node-id='69397512hpxnf0gvzfshz2hf00b0b5de'] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        align-items: stretch;
    }

    rene-box[node-id='69395ec3aec5yp8futn3222200c45e0f'] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    rene-box[node-id='69088c59t2d43lqiurf26oxv000405c4'] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

}

@container section-container (min-width: 360px) and (max-width: 479px)     {
    rene-image[node-id='jg4zdhmtwue1ibrcmutp6w']>img {
        min-width: unset;
        min-height: unset;
        object-fit: cover;
        max-height: 32px;
    }

}

@container section-container (min-width: 480px) and (max-width: 639px)     {
    rene-anchor[node-id='2cb32a4074d845aab6b5dde2b4e0a90a'] {
        max-width: 140px;
    }

    rene-image[node-id='jg4zdhmtwue1ibrcmutp6w']>img {
        object-fit: cover;
        min-width: unset;
        min-height: unset;
    }

}

@media (min-width: 640px)     {
    [dropdown] rene-set[node-id='67c70f26gu0cio1dc88xwzb600b16c8f'] {
        grid-template-columns: repeat(3, 1fr);
    }

}

@container section-container (min-width: 1600px)     {
    rene-section[node-id='68d517c5f08dgifxsa4h11r000b9ca93']>rene-section-body {
        padding: 12px 36px;
        gap: 20px;
    }

}

@container product-box (min-inline-size: 700px)     {
    span[node-id='67e524e9fe9uv4wjs49ifucd00b3d101'] {
        color: #fff;
        font-size: 14px;
        left: 180px;
        right: initial;
        border-top-right-radius: 0;
    }

    span[node-id='68885785ns47dam0ccq7owvn000fe6b3'] {
        margin-bottom: 3px;
    }

    rene-dynamic-content[node-id='67e526d5ipogoj4z52hhtqzd009b6581'] {
        font-size: 32px;
    }

    .product-box {
        display: flex;
        position: relative;
    }

    rene-box[node-id='44778395b93b4422ae64fa3ab158292a'] {
        padding-left: 0px;
        padding-top: 14px;
    }

    rene-box[node-id='67e523f0and21m3o4xuipkh500c81038'] {
        width: 250px;
        min-width: 250px;
        max-width: 250px;
    }

    rene-box[node-id='67e523f0and21m3o4xuipkh500c81038'] {
        margin-top: 50px;
    }

    rene-dynamic-content[node-id='6888588bns47dam0ccq7owvn000fe6e2'] {
        top: -8px;
        right: 10px;
    }

    .cls-product-horizontal-view {
        width: 150px;
        height: 150px;
        margin-right: 30px;
    }

    rene-anchor[node-id='67e56b01imvc5anzhhaxw2il00fc3f1b'] {
        min-height: 110px;
        height: 110px;
        max-height: 110px;
    }

}

@media (min-width: 1024px)     {
    .rene-perspective-switch {
        display: block;
    }

    rene-section[node-id='67d047dfw7ewaczdx3acos0w00910687']>rene-section-body {
        display: grid;
        flex-wrap: nowrap;
        gap: 60px;
        grid-template-columns: 1fr auto 1fr;
        height: 80%;
        align-items: center;
    }

    rene-divider[node-id='67ee2a40l7zkercezvht8gjn004e333c'] {
        display: block;
        width: 1px;
        height: 50%;
    }

    rene-box[node-id='67ee26b4wlcovsr2psamzhl000ad9ed4'] {
        justify-content: flex-end;
        padding: 90px 0;
    }

}

@container product-box (min-inline-size: 900px)     {
    rene-anchor[node-id='67e56b01imvc5anzhhaxw2il00fc3f1b'] {
        min-height: 92px;
        height: 92px;
        max-height: 92px;
    }

}

@container section-container (min-width: 1024px)     {
    span[node-id='68f8b720vuofpykecrl5a15j00e4476e'] {
        display: flex;
    }

}

@container stage-container (min-width: 1325px)     {
    rene-section[node-id='6913541et8zgzvpzjpigts4r00163783'] {
        display: none;
    }

    rene-section[node-id='690b6c1ah5vwjaphmmkva7fx00e7b34b']>rene-section-body {
        padding-bottom: 25px;
    }

    rene-box[node-id='693806e25zwldcnetg9cg6pm00fa0f5a'] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        column-gap: 20px;
        max-width: 200px;
        margin-left: 10px;
    }

    rene-box[node-id='6913550ft8zgzvpzjpigts4r00163790'] {
        display: flex;
        flex-direction: column;
    }

}

@media (min-width: 768px)     {
    rene-box[node-id='69383925adrwtuqlfjmo99zr00130419'] {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        white-space: nowrap;
        align-items: center;
        color: var(--text-alternate);
        gap: 4px;
    }

}

@container section-container (min-width: 640px)     {
    rene-anchor[node-id='2cb32a4074d845aab6b5dde2b4e0a90a'] {
        max-width: unset;
    }

}

@container section-container (min-width: 1440px)     {
    rene-anchor[node-id='69383ac7adrwtuqlfjmo99zr0013043e'] {
        display: block;
    }

}

@container section-container (min-width: 768px)     {
    rene-search[node-id='siwxw7ih6kcxzudbwiusqa'] {
        min-width: 250px;
    }

}

@container section-container (min-width: 1920px)     {
    rene-search[node-id='siwxw7ih6kcxzudbwiusqa'] {
        min-width: 600px;
    }

}

@media (min-width: 1024px)     {
    rene-search:not(.active) {
        display: grid;
    }

}

@media (min-width: 768px)     {
    rene-button[node-id='697371d3b6hrfanpz7eq3ugu00a39548'] {
        display: none;
    }

}

@media (min-width: 1280px)     {
    rene-anchor[node-id='6968f1dfaoe5nkzi2c7gbptd0068ad42'] {
        display: inline-flex;
    }

}

@container stage-container (min-width: 1280px)     {
    .cls-card-back {
        display: flex;
    }

    rene-section[node-id='68f9c757ve0rwrajxiqffw8p0036fc5f']>rene-section-body {
        display: flex !important;
        flex-direction: row;
        justify-content: space-between;
        gap: 120px;
    }

}

@container stage-container (min-width: 640px)     {
    rene-section[node-id='68f9c757ve0rwrajxiqffw8p0036fc5f']>rene-section-body {
        grid-template-columns: repeat(2, 1fr);
        display: grid;
    }

}