/**********************************************************************************************************************************/
/* ODS TOKENS */
/**************/

/* basic reset first.. */
.lc-static * {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    border-spacing: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    font-family: 'Teleneo Var';
}

.lc-static {
  --lc-multiplier:1;
}

.lc-static {
--radius-zero:0;
--radius-extra-small:calc(.375rem*var(--lc-multiplier));
--radius-small:calc(.5rem*var(--lc-multiplier));
--radius-medium:calc(1rem*var(--lc-multiplier));
--radius-large:calc(1.5rem*var(--lc-multiplier));
--radius-extra-large:calc(2rem*var(--lc-multiplier));
--radius-extra-extra-large:calc(3rem*var(--lc-multiplier));
--radius-full:calc(62.4375rem*var(--lc-multiplier));
--strokes-1:calc(.0625rem*var(--lc-multiplier));
--strokes-2:calc(.125rem*var(--lc-multiplier));
--strokes-3:calc(.25rem*var(--lc-multiplier));
--spacing-component-0:calc(0rem*var(--lc-multiplier));
--spacing-component-1:calc(.125rem*var(--lc-multiplier));
--spacing-component-2:calc(.25rem*var(--lc-multiplier));
--spacing-component-3:calc(.5rem*var(--lc-multiplier));
--spacing-component-4:calc(.75rem*var(--lc-multiplier));
--spacing-component-5:calc(1rem*var(--lc-multiplier));
--spacing-component-6:calc(1.25rem*var(--lc-multiplier));
--spacing-component-7:calc(1.5rem*var(--lc-multiplier));
--spacing-component-8:calc(2rem*var(--lc-multiplier));
--spacing-component-9:calc(2.5rem*var(--lc-multiplier));
--spacing-component-10:calc(3rem*var(--lc-multiplier));
--spacing-layout-0:calc(0rem*var(--lc-multiplier));
--spacing-layout-1:calc(1rem*var(--lc-multiplier));
--spacing-layout-2:calc(1.5rem*var(--lc-multiplier));
--spacing-layout-3:calc(2rem*var(--lc-multiplier));
--spacing-layout-4:calc(2.5rem*var(--lc-multiplier));
--spacing-layout-5:calc(3rem*var(--lc-multiplier));
--spacing-layout-6:calc(3.5rem*var(--lc-multiplier));
--spacing-layout-7:calc(4rem*var(--lc-multiplier));
--spacing-layout-8:calc(5rem*var(--lc-multiplier));
--spacing-layout-9:calc(6rem*var(--lc-multiplier));
--spacing-layout-10:calc(8rem*var(--lc-multiplier));
--sizing-component-0:0;
--sizing-component-1:calc(.0625rem*var(--lc-multiplier));
--sizing-component-2:calc(.125rem*var(--lc-multiplier));
--sizing-component-3:calc(.25rem*var(--lc-multiplier));
--sizing-component-4:calc(.5rem*var(--lc-multiplier));
--sizing-component-5:calc(.625rem*var(--lc-multiplier));
--sizing-component-6:calc(.75rem*var(--lc-multiplier));
--sizing-component-7:calc(1rem*var(--lc-multiplier));
--sizing-component-8:calc(1.25rem*var(--lc-multiplier));
--sizing-component-9:calc(1.375rem*var(--lc-multiplier));
--sizing-component-10:calc(1.5rem*var(--lc-multiplier));
--sizing-component-11:calc(1.75rem*var(--lc-multiplier));
--sizing-component-12:calc(2rem*var(--lc-multiplier));
--sizing-component-13:calc(2.5rem*var(--lc-multiplier));
--sizing-component-14:calc(3rem*var(--lc-multiplier));
--sizing-component-15:calc(4rem*var(--lc-multiplier));
--sizing-component-16:calc(4.5rem*var(--lc-multiplier));
--sizing-component-17:calc(5rem*var(--lc-multiplier));
--sizing-component-18:calc(5.5rem*var(--lc-multiplier));
--sizing-component-19:calc(9rem*var(--lc-multiplier));
--sizing-component-20:calc(10rem*var(--lc-multiplier));
--sizing-input-height:calc(4.5rem*var(--lc-multiplier));
--sizing-minimum-tappable-area:calc(3rem*var(--lc-multiplier));
/* fonts */
--title-l:700 clamp(calc(2rem * var(--lc-multiplier)),2.2222vw + calc(1.5rem*var(--lc-multiplier)),calc(3.5rem * var(--lc-multiplier)))/1 "TeleNeo Var";
--title-l-font-weight:700;
--title-l-font-size:clamp(calc(2rem * var(--lc-multiplier)),2.2222vw + calc(1.5rem*var(--lc-multiplier)),calc(3.5rem * var(--lc-multiplier)));
--title-l-font-family:"TeleNeo Var";
--title-l-line-height:1;
--title-l-letter-spacing:0;
--title-l-text-decoration:none;
--body-l:700 calc(1.25rem*var(--lc-multiplier))/1.2 "TeleNeo Var";
--body-l-font-weight:700;
--body-l-font-size:calc(1.25rem*var(--lc-multiplier));
--body-l-font-family:"TeleNeo Var";
--body-l-line-height:1.2;
--body-l-letter-spacing:0;
--body-l-text-decoration:none;
--body-m-bold:700 calc(1rem*var(--lc-multiplier))/1.25 "TeleNeo Var";
--body-m-bold-font-weight:700;
--body-m-bold-font-size:calc(1rem*var(--lc-multiplier));
--body-m-bold-font-family:"TeleNeo Var";
--body-m-bold-line-height:1.25;
--body-m-bold-letter-spacing:0;
--body-m-bold-text-decoration:none;
--body-m-regular:500 calc(1rem*var(--lc-multiplier))/1.25 "TeleNeo Var";
--body-m-regular-font-weight:500;
--body-m-regular-font-size:calc(1rem*var(--lc-multiplier));
--body-m-regular-font-family:"TeleNeo Var";
--body-m-regular-line-height:1.25;
--body-m-regular-letter-spacing:0;
--body-m-regular-text-decoration:none;
--body-s-bold:700 calc(.875rem*var(--lc-multiplier))/1.25 "TeleNeo Var";
--body-s-bold-font-weight:700;
--body-s-bold-font-size:calc(.875rem*var(--lc-multiplier));
--body-s-bold-font-family:"TeleNeo Var";
--body-s-bold-line-height:1.25;
--body-s-bold-letter-spacing:0;
--body-s-bold-text-decoration:none;
--body-s-regular:500 calc(.875rem*var(--lc-multiplier))/1.25 "TeleNeo Var";
--body-s-regular-font-weight:500;
--body-s-regular-font-size:calc(.875rem*var(--lc-multiplier));
--body-s-regular-font-family:"TeleNeo Var";
--body-s-regular-line-height:1.25;
--body-s-regular-letter-spacing:0;
--body-s-regular-text-decoration:none;
--link-s-bold:700 calc(.875rem*var(--lc-multiplier))/1.25 "TeleNeo Var";
--link-s-bold-font-weight:700;
--link-s-bold-font-size:calc(.875rem*var(--lc-multiplier));
--link-s-bold-font-family:"TeleNeo Var";
--link-s-bold-line-height:1.25;
--link-s-bold-letter-spacing:0;
--link-s-bold-text-decoration:underline;
}

.lc-static[data-scheme=white] {
  --colours-basic-background: #FFFFFF;
  --colours-basic-background-subtle: #F1F1F1;
  --colours-basic-background-card: #F1F1F1;
  --colours-basic-background-card-subtle: #FFFFFF;
  --colours-basic-text: #000000;
  --colours-basic-text-dominant: #E20074;
  --colours-basic-text-recessive: #616161;
  --colours-basic-text-link: #E20074;
  --colours-basic-accent: #E20074;
  --colours-basic-text-on-accent: #FFFFFF;
  --colours-basic-accent-secondary: #000000;
  --colours-basic-text-on-accent-secondary: #FFFFFF;
  --colours-basic-stroke: #000000;
  --colours-basic-stroke-subtle: #B6B6B6;
  --colours-basic-modal-overlay: rgba(0, 0, 0, .4);
  --colours-shades-accent-shades-accent-subtle: #f9cce3;
  --colours-shades-accent-shades-accent-extra-dominant: #ee66ac;
  --colours-shades-accent-shades-accent-dominant: #e83390;
  --colours-shades-accent-shades-accent-recessive: #b5005d;
  --colours-shades-accent-shades-accent-extra-recessive: #880046;
  --colours-shades-secondary-accent-shades-secondary-accent-subtle: #F1F1F1;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #202020;
  --colours-shades-secondary-accent-shades-secondary-accent-dominant: #414141;
  --colours-shades-secondary-accent-shades-secondary-accent-recessive: #616161;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #828282;
  --colours-shades-neutral-shades-100: #F1F1F1;
  --colours-shades-neutral-shades-200: #DDDDDD;
  --colours-shades-neutral-shades-300: #CACACA;
  --colours-shades-neutral-shades-400: #B6B6B6;
  --colours-shades-neutral-shades-500: #A3A3A3;
  --colours-shades-neutral-shades-600: #828282;
  --colours-shades-neutral-shades-700: #616161;
  --colours-shades-neutral-shades-800: #414141;
  --colours-shades-neutral-shades-900: #202020;
  --colours-interaction-states-hover-background-hover: #DDDDDD;
  --colours-interaction-states-hover-background-subtle-hover: #DDDDDD;
  --colours-interaction-states-hover-text-hover: #414141;
  --colours-interaction-states-hover-text-dominant-hover: #e83390;
  --colours-interaction-states-hover-text-recessive-hover: #e83390;
  --colours-interaction-states-hover-text-link-hover: #e83390;
  --colours-interaction-states-hover-accent-hover: #e83390;
  --colours-interaction-states-hover-text-on-accent-hover: #FFFFFF;
  --colours-interaction-states-hover-accent-secondary-hover: #414141;
  --colours-interaction-states-hover-text-on-accent-secondary-hover: #FFFFFF;
  --colours-interaction-states-hover-stroke-hover: #000000;
  --colours-interaction-states-hover-stroke-subtle-hover: #000000;
  --colours-interaction-states-pressed-background-pressed: #CACACA;
  --colours-interaction-states-pressed-background-subtle-pressed: #CACACA;
  --colours-interaction-states-pressed-text-pressed: #616161;
  --colours-interaction-states-pressed-text-dominant-pressed: #ee66ac;
  --colours-interaction-states-pressed-text-recessive-pressed: #ee66ac;
  --colours-interaction-states-pressed-text-link-pressed: #ee66ac;
  --colours-interaction-states-pressed-accent-pressed: #ee66ac;
  --colours-interaction-states-pressed-text-on-accent-pressed: #FFFFFF;
  --colours-interaction-states-pressed-accent-secondary-pressed: #616161;
  --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #FFFFFF;
  --colours-interaction-states-pressed-stroke-pressed: #000000;
  --colours-interaction-states-pressed-stroke-subtle-pressed: #000000;
  --colours-interaction-states-focus-focus: #000000;
  --colours-interaction-states-focus-stroke-active: #CACACA;
  --colours-interaction-states-disabled-background-disabled: #DDDDDD;
  --colours-interaction-states-disabled-background-subtle-disabled: #DDDDDD;
  --colours-interaction-states-disabled-background-card-disabled: #DDDDDD;
  --colours-interaction-states-disabled-text-disabled: #A3A3A3;
  --colours-interaction-states-disabled-text-dominant-disabled: #A3A3A3;
  --colours-interaction-states-disabled-text-recessive-disabled: #A3A3A3;
  --colours-interaction-states-disabled-text-link-disabled: #A3A3A3;
  --colours-interaction-states-disabled-accent-disabled: #DDDDDD;
  --colours-interaction-states-disabled-text-on-accent-disabled: #A3A3A3;
  --colours-interaction-states-disabled-accent-secondary-disabled: #DDDDDD;
  --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #A3A3A3;
  --colours-interaction-states-disabled-stroke-disabled: #CACACA;
  --colours-interaction-states-disabled-stroke-subtle-disabled: #CACACA;
  --colours-interaction-states-visited-text-visited: #000000;
  --colours-interaction-states-visited-text-link-visited: #880046;
  --colours-functional-notification-notification: #ff1000;
  --colours-functional-notification-text-on-notification: #FFFFFF;
  --colours-functional-informational-subtle: #D3D7F9;
  --colours-functional-informational-standard: #2238DF;
  --colours-functional-informational-hovered: #05169b;
  --colours-functional-informational-pressed: #000e79;
  --colours-functional-success-subtle: #CCF0E1;
  --colours-functional-success-standard: #007845;
  --colours-functional-success-hovered: #006138;
  --colours-functional-success-pressed: #004829;
  --colours-functional-warning-subtle: #ffddcc;
  --colours-functional-warning-standard: #993300;
  --colours-functional-warning-hovered: #662200;
  --colours-functional-warning-pressed: #331100;
  --colours-functional-destructive-subtle: #FFDDDB;
  --colours-functional-destructive-standard: #c20d00;
  --colours-functional-destructive-hovered: #970b00;
  --colours-functional-destructive-pressed: #660700;
}

.lc-static[data-scheme=black] {
  --colours-basic-background: #000000;
  --colours-basic-background-subtle: #202020;
  --colours-basic-background-card: #202020;
  --colours-basic-background-card-subtle: #000000;
  --colours-basic-text: #FFFFFF;
  --colours-basic-text-dominant: #f61488;
  --colours-basic-text-recessive: #CACACA;
  --colours-basic-text-link: #f61488;
  --colours-basic-accent: #E20074;
  --colours-basic-text-on-accent: #FFFFFF;
  --colours-basic-accent-secondary: #FFFFFF;
  --colours-basic-text-on-accent-secondary: #000000;
  --colours-basic-stroke: #FFFFFF;
  --colours-basic-stroke-subtle: #828282;
  --colours-basic-modal-overlay: rgba(255, 255, 255, .4);
  --colours-shades-accent-shades-accent-subtle: #ffbddf;
  --colours-shades-accent-shades-accent-extra-dominant: #ff69b6;
  --colours-shades-accent-shades-accent-dominant: #ff3fa1;
  --colours-shades-accent-shades-accent-recessive: #cd016a;
  --colours-shades-accent-shades-accent-extra-recessive: #a40054;
  --colours-shades-secondary-accent-shades-secondary-accent-subtle: #414141;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #F1F1F1;
  --colours-shades-secondary-accent-shades-secondary-accent-dominant: #DDDDDD;
  --colours-shades-secondary-accent-shades-secondary-accent-recessive: #CACACA;
  --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #B6B6B6;
  --colours-shades-neutral-shades-100: #202020;
  --colours-shades-neutral-shades-200: #414141;
  --colours-shades-neutral-shades-300: #616161;
  --colours-shades-neutral-shades-400: #828282;
  --colours-shades-neutral-shades-500: #A3A3A3;
  --colours-shades-neutral-shades-600: #B6B6B6;
  --colours-shades-neutral-shades-700: #CACACA;
  --colours-shades-neutral-shades-800: #DDDDDD;
  --colours-shades-neutral-shades-900: #F1F1F1;
  --colours-interaction-states-hover-background-hover: #616161;
  --colours-interaction-states-hover-background-subtle-hover: #616161;
  --colours-interaction-states-hover-text-hover: #DDDDDD;
  --colours-interaction-states-hover-text-dominant-hover: #ff3fa1;
  --colours-interaction-states-hover-text-recessive-hover: #ff3fa1;
  --colours-interaction-states-hover-text-link-hover: #ff3fa1;
  --colours-interaction-states-hover-accent-hover: #ff3fa1;
  --colours-interaction-states-hover-text-on-accent-hover: #FFFFFF;
  --colours-interaction-states-hover-accent-secondary-hover: #DDDDDD;
  --colours-interaction-states-hover-text-on-accent-secondary-hover: #000000;
  --colours-interaction-states-hover-stroke-hover: #FFFFFF;
  --colours-interaction-states-hover-stroke-subtle-hover: #FFFFFF;
  --colours-interaction-states-pressed-background-pressed: #828282;
  --colours-interaction-states-pressed-background-subtle-pressed: #828282;
  --colours-interaction-states-pressed-text-pressed: #CACACA;
  --colours-interaction-states-pressed-text-dominant-pressed: #ff69b6;
  --colours-interaction-states-pressed-text-recessive-pressed: #ff69b6;
  --colours-interaction-states-pressed-text-link-pressed: #ff69b6;
  --colours-interaction-states-pressed-accent-pressed: #ff69b6;
  --colours-interaction-states-pressed-text-on-accent-pressed: #FFFFFF;
  --colours-interaction-states-pressed-accent-secondary-pressed: #CACACA;
  --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000000;
  --colours-interaction-states-pressed-stroke-pressed: #FFFFFF;
  --colours-interaction-states-pressed-stroke-subtle-pressed: #FFFFFF;
  --colours-interaction-states-focus-focus: #FFFFFF;
  --colours-interaction-states-focus-stroke-active: #616161;
  --colours-interaction-states-disabled-background-disabled: #414141;
  --colours-interaction-states-disabled-background-subtle-disabled: #414141;
  --colours-interaction-states-disabled-text-disabled: #828282;
  --colours-interaction-states-disabled-text-dominant-disabled: #828282;
  --colours-interaction-states-disabled-text-recessive-disabled: #828282;
  --colours-interaction-states-disabled-text-link-disabled: #828282;
  --colours-interaction-states-disabled-accent-disabled: #414141;
  --colours-interaction-states-disabled-text-on-accent-disabled: #828282;
  --colours-interaction-states-disabled-accent-secondary-disabled: #414141;
  --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #828282;
  --colours-interaction-states-disabled-stroke-disabled: #616161;
  --colours-interaction-states-disabled-stroke-subtle-disabled: #616161;
  --colours-interaction-states-disabled-background-card-disabled: #414141;
  --colours-interaction-states-visited-text-visited: #FFFFFF;
  --colours-interaction-states-visited-text-link-visited: #cd016a;
  --colours-functional-notification-notification: #ff4133;
  --colours-functional-notification-text-on-notification: #FFFFFF;
  --colours-functional-informational-subtle: #131f7b;
  --colours-functional-informational-standard: #3950EA;
  --colours-functional-informational-hovered: #576ff3;
  --colours-functional-informational-pressed: #7486ff;
  --colours-functional-success-subtle: #004829;
  --colours-functional-success-standard: #00C26D;
  --colours-functional-success-hovered: #1bd27f;
  --colours-functional-success-pressed: #27ffa0;
  --colours-functional-warning-subtle: #662200;
  --colours-functional-warning-standard: #ff8b52;
  --colours-functional-warning-hovered: #ffbb99;
  --colours-functional-warning-pressed: #ffddcc;
  --colours-functional-destructive-subtle: #660700;
  --colours-functional-destructive-standard: #ff7066;
  --colours-functional-destructive-hovered: #ffa099;
  --colours-functional-destructive-pressed: #FFDDDB;
}

@font-face {
    font-family: TeleNeo Var;
    src: url(https://cdn.t-mobile.cz/fonts/teleneo-variable/v1.8/teleneo-variable-upright.woff2) format("woff2");
    font-weight: 250 900;
    font-style: normal
}

/**********************************************************************************************************************************/
/* LC STATIC CLASSES */
/*********************/

/* disable hover effect */
.lc-static .ods-card-image {
  margin: 0!important;
  clip-path: unset!important;
  overflow: hidden;
}

/* hide element with class .cs-hide-after-send after send */
.lc-static .leadcollector-form:has(.lc-c-success-alert) .cs-hide-after-send,
.lc-static .leadcollector-form:has(.lc-c-info-alert) .cs-hide-after-send,
.lc-static .leadcollector-form:has(.lc-c-danger-alert) .cs-hide-after-send {
  display: none !important;
}

/* alert messages */
.lc-static .lc-c-alert-wrapper {
  display: none;
}

.lc-static .lc-c-alert-wrapper:has(.lc-c-success-alert, .lc-c-info-alert, .lc-c-danger-alert) {
  display: block;
}

.lc-static .lc-c-alert.lc-c-success-alert,
.lc-static .lc-c-alert.lc-c-info-alert,
.lc-static .lc-c-alert.lc-c-danger-alert {
  position: relative;
  display: block;
  text-align: left;
  padding: 22px 24px 20px 60px !important;
  border-radius: var(--radius-medium) !important;
  border: none;
  color: var(--colours-basic-text);
  /* font */
  font-family: 'Teleneo Var';
  font-weight: var(--body-m-bold-font-weight);
  font-size: var(--body-m-bold-font-size);
  letter-spacing: var(--body-m-regular-letter-spacing);
  line-height: var(--body-m-regular-line-height);
  text-decoration: var(--body-m-regular-text-decoration);
}

.lc-static .lc-c-alert.lc-c-success-alert::before,
.lc-static .lc-c-alert.lc-c-info-alert::before,
.lc-static .lc-c-alert.lc-c-danger-alert::before {
  content: '';
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mask-position: 20px 20px;
  mask-repeat: no-repeat;
  mask-size: 24px 24px;
}

.lc-static .lc-c-alert.lc-c-success-alert {
  background-color: var(--colours-functional-success-subtle);
}
.lc-static .lc-c-alert.lc-c-success-alert::before {
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHRSURBVHgB3VW7UsJQED0X0NEOv8Cg9GLHKDPGB7ZiaWX4AxodrIDGARvCFwh/oJ2KozgDfexsePgHdA6j5rrJmCEhCUmg0lNkNvfuPWezu9kL/HWwqbs5MYrliAQVO2AsQSuCvs6h0GMApt6i/FSfTeB8P4Nw6JrIopiOAfBdchMKOx65OKxSxDJZS/AGBRDKILUGtHsv3gL5g4L2RGAwEdvxKDrde3eB/J5E0ciYFQxJbMVe0em/GUshq0e4gHnBqG5ac9gE9Oh/u8Qv9G5CwypANVmkzrMJaIUKSj763EW5KRGpMiEiGmZkvMhW6ZBPsAYqD5Juak3BkbBusw3DDJkiSjgwtci7ZCMvm8jBig7nBLuAE1RWI7IiWdkA5BaYBPi7fZdXkRcFynOdPDd9k/NxTcxfoDi4CsDCsy5y2VR8kU8Eayoy5ZvjyFXkLH2MCDsF5zl4gbGbMa2BIv0co4W+j+HmxT6gVMaMt3GKiq0hVTWLucEtXWedRW2aIan1FbKSmAnU0uWm7C6gi/TukIprqRMRBBw1VJq2Kex8H7S7LfoS6gT9FpteE4YhVPUEV4+y87YX8mmJ3GhOcYHejBGgiSt0Zbbw8VWHrNXvv+IHjgaH72kNcRMAAAAASUVORK5CYII=);
  background-color: var(--colours-functional-success-standard);
}

.lc-static .lc-c-alert.lc-c-info-alert {
  background-color: var(--colours-functional-informational-subtle);
}
.lc-static .lc-c-alert.lc-c-info-alert::before {
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGJSURBVHgB3ZVBVsIwEIb/CW7ceQNTYa8760qOgDfAG3gD4AQ8TwA3EG/ADpYcgGfSG7hzRcZJgbaPlhQBF/q919e+dCb/JJmZAH8dCv3UbXOlvlwXUI9ieeeH/DgTFuRgHa3e7bw1PkpAPyw7yjVGYnGFAAxYxmqwT0hVT26GihtvdZNvItQKjZGOTe8gAR0nPcV4wQ+Rifr63gwrAshpxssuSzQ4ATmXJztrTQrCOTJ5L+gMRP4J2fhz88lREvDRY5MlJyHnts68HQGQ6tT5irHxT50dg9oFnzUOdF3neMgWeYjodvt9kQ1yWkhB7Dyy/n0T1y5Cbz8UfpmCACc4E8xYlASI8sEzSCQlAXY0xZlgoqzQskped05JwUD/2WZQKFV98zPzKMu0bAV2Gn06hWcEOKQORGCw45NjZ9EE5F5xNE7adjQujlTeB5LnfXkF+1IJCexj1ix14b0XTjM20llTEY0QjHRr09VX6aIGLySJ3ZFrUov5pgVwIpW/kJ4zdZcY+/PDv+Ub18GDkb8tr3oAAAAASUVORK5CYII=);
  background-color: var(--colours-functional-informational-standard);
}

.lc-static .lc-c-alert.lc-c-danger-alert {
  background-color: var(--colours-functional-destructive-subtle);
}
.lc-static .lc-c-alert.lc-c-danger-alert::before {
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFWSURBVHgB7VXRTcMwEH22QYpEImWEdAQWQPEG3YCMAJ98hQ3KJ39lA9gglAm6QbsBRSpSBbjhUilt4jh2muazT4pin333zvfOCXDGUJj5SGcBPovnw8ekqx/rsomCTxjDXc2Y4+lmjXuXr5MgCxEJhYVpTW1xLb8xt/lzOEDBW8shuLtUVoIsQEKvsWVLnPmI0ZeAM6TVufrFSAmMtD1Ta4y2hSJ7liOq2uQGS7nCsmojEaPsSmsAF0EhrJ69DaRFSj5hZwKu8Khn70DI/8ynaBAU2dOxb3Ek6J6kmddM6qLBSNm3xMAugEcDZV4XlyT4BrJGXAsQYCyAV5wAlUPKNd7Lea1EJKz14pjaVIfQmmNPYGrLnoipbZMGgcjdwlKNF23fpSo4P9z+PUHO8IWBQMKGDQIyvmEobPFSDkU5mP5gnnjUzmynQ4h+WFGmD/SfeMYZXfEPvSxPW8zbsQAAAAAASUVORK5CYII=);
  background-color: var(--colours-functional-destructive-standard);
}

/* sending process & animation */
.lc-static .form-in-progress {
  opacity: 1;
}
.lc-static .form-in-progress .ods-input__field:focus-visible {
  outline: 0;
}
.lc-static .lc-c-box-overlaid {
  display: none;
}
.lc-static .lc-c-box-overlaid:before,
.lc-static .lc-c-box-overlaid:after {
  content: unset;
}

.lc-static .form-in-progress .lc-c-button-submit__label {
  visibility: hidden;
}

/* spinner */
.lc-static .ods-loading-spinner {
  display: none!important; /* disable default form-in-progress spinner */
}

.lc-static .lc-c-button-submit__spinner {
  display: none;
}

.lc-static .form-in-progress .lc-c-button-submit__spinner {
  display: block;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  width: var(--sizing-component-10);
  height: var(--sizing-component-10);
}

.lc-static .form-in-progress .lc-c-button-submit__spinner svg {
  width: 100%;
  height: 100%;
}

.lc-static .form-in-progress .lc-c-button-submit__spinner circle {
  fill: none;
  stroke: var(--colours-basic-background);
  stroke-width: 8px;
  stroke-linecap: round;
  animation: dash 1.001s linear 1ms infinite
}

@keyframes dash {
  0% {
    stroke-dasharray: 90,252;
    stroke-dashoffset: 90
  }

  20% {
    stroke-dasharray: 120,252;
    stroke-dashoffset: 60
  }

  40% {
    stroke-dasharray: 252,50;
    stroke-dashoffset: 0;
    animation-timing-function: ease-in
  }

  60% {
    stroke-dasharray: 200,100;
    stroke-dashoffset: -100
  }

  80% {
    stroke-dasharray: 100,252;
    stroke-dashoffset: -200
  }

  to {
    stroke-dasharray: 90,252;
    stroke-dashoffset: -252
  }
}

/* validation message & input error state */
.lc-static .leadcollector-form:has(.lc-c-input.error) .ods-input__field {
  border-color: var(--colours-functional-destructive-standard);
  box-shadow: inset 0 0 0 3px var(--colours-functional-destructive-standard);
}

.lc-static .leadcollector-form .ods-input__wrapper {
  margin-bottom: 0;
  transition: background-color .1s, box-shadow .1s, margin-bottom .1s;
}

.lc-static .leadcollector-form:has(.lc-c-vali-message.error) .ods-input__wrapper {
  margin-bottom: var(--spacing-component-6);
}

.lc-static .leadcollector-form .lc-c-vali-message {
  display: none;
  font-size: var(--body-s-bold-font-size);
  line-height: var(--body-s-bold-line-height);
  font-weight: var(--body-s-bold-font-weight);
  letter-spacing: var(--body-s-bold-letter-spacing);
  text-decoration: var(--body-s-bold-text-decoration);
  color: var(--colours-basic-text);
  left: 44px;
  bottom: -25px;
}
.lc-static .leadcollector-form .lc-c-vali-message.error {
  display: block;
}

.lc-static .leadcollector-form .lc-c-vali-message::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -20px;
  width: 17px;
  height: 17px;
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjM4OTI4IDQuNTE5MzlDMTAuNTM4NCAyLjQ5MDkxIDEzLjQ2MDggMi40OTA5NCAxNC42MDk5IDQuNTE5NDRMMjEuNDA4NCAxNi41MjE2QzIyLjU0MTMgMTguNTIxNSAyMS4wOTY2IDIxLjAwMDIgMTguNzk4MSAyMS4wMDAySDUuMjAwNjlDMi45MDIyIDIxLjAwMDIgMS40NTc1MSAxOC41MjE0IDIuNTkwNCAxNi41MjE1TDkuMzg5MjggNC41MTkzOVpNMTIgMTQuMDAwMkMxMi41NTIzIDE0LjAwMDIgMTMgMTMuNTUyNSAxMyAxMy4wMDAyVjkuMDAwMjRDMTMgOC40NDc5NiAxMi41NTIzIDguMDAwMjQgMTIgOC4wMDAyNEMxMS40NDc3IDguMDAwMjQgMTEgOC40NDc5NiAxMSA5LjAwMDI0VjEzLjAwMDJDMTEgMTMuNTUyNSAxMS40NDc3IDE0LjAwMDIgMTIgMTQuMDAwMlpNMTMgMTYuMDAwMkMxMyAxNS40NDggMTIuNTUyMyAxNS4wMDAyIDEyIDE1LjAwMDJDMTEuNDQ3NyAxNS4wMDAyIDExIDE1LjQ0OCAxMSAxNi4wMDAyQzExIDE2LjU1MjUgMTEuNDQ3NyAxNy4wMDAyIDEyIDE3LjAwMDJDMTIuNTUyMyAxNy4wMDAyIDEzIDE2LjU1MjUgMTMgMTYuMDAwMloiIGZpbGw9IiNiMjBjMDAiIHN0eWxlPSJmaWxsLW9wYWNpdHk6MTsiLz4NCjwvc3ZnPg==);
  mask-repeat: no-repeat;
  mask-size: 17px 17px;
  background-color: var(--colours-functional-destructive-standard);
}

.lc-static .leadcollector-form:has(.lc-c-vali-message.error) .ods-input__wrapper::before {
    box-shadow: inset 0 0 0 4px var(--colours-functional-destructive-standard);
}

.lc-static .lc-c-form-error .lc-c-button-submit {
  margin: 0; /* input error margin fix */
}

@media screen and (min-width: 1440px) {
  .lc-static .leadcollector-form:has(.lc-c-vali-message.error) .ods-input__wrapper {
    margin-bottom: 0;
  }
}

/* input field custom bg color on :hover & :active */
@media screen and (max-width: 1039px) {
  .lc-static .leadcollector-form .ods-input__wrapper:has(.ods-input__field:hover),
  .lc-static .leadcollector-form .ods-input__wrapper:has(.ods-input__field:active) {
    background-color: var(--colours-basic-background);
  }
}

/* hide input suffix phone icon under 380px */
@media screen and (max-width: 379px) {
  .lc-static .leadcollector-form .ods-input__suffix {
    display: none;
  }
}

/* dark scheme legal link custom color */
.lc-static[data-scheme="black"] .ods-link.ods-link--s-bold {
  color: var(--colours-basic-text);
}

/**********************************************************************************************************************************/
/* ODS COMPONENTS CLASSES */
/**************************/

/* ODSCardImage */
.lc-static .ods-card-image {
  --ods-card-image-offset: 4px;
  --ods-card-image-background-color: var(--colours-basic-background-card);
  --ods-card-image-transition-duration: .2s;
  --ods-card-image-action-margin: var(--spacing-component-10);
  --ods-card-image-focus-outline-width: calc(.125rem*var(--lc-multiplier));
  --ods-card-image-focus-outline-offset: calc(.25rem*var(--lc-multiplier));
  display: flex;
  margin: calc(var(--ods-card-image-offset) * -1);
  transition: clip-path var(--ods-card-image-transition-duration);
  cursor: pointer;
  color: var(--colours-basic-text)
}

.lc-static .ods-card-image__image .ods-aspect-ratio {
  width: 100%;
  height: 100%
}

.lc-static .ods-card-image__image img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%
}

.lc-static .ods-card-image__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--ods-card-image-background-color)
}

.lc-static .ods-card-image--hero {
  border-radius: var(--radius-medium);
  clip-path: inset(var(--ods-card-image-offset) round var(--radius-medium))
}

.lc-static .ods-card-image--hero .ods-card-image__content {
  padding: var(--spacing-component-9) calc(var(--spacing-component-7) + var(--ods-card-image-offset)) calc(var(--spacing-component-7) + var(--ods-card-image-offset)) calc(var(--spacing-component-7) + var(--ods-card-image-offset))
}

.lc-static .ods-card-image--hero:hover:not(:focus-visible) {
  clip-path: inset(0 round var(--radius-medium))
}

.lc-static .ods-card-image--hero.ods-card-image--image-right {
  flex-direction: column
}

.lc-static .ods-card-image--hero.ods-card-image--image-right .ods-card-image__image {
  order: -1
}

@media (min-width: 768px) {
  .lc-static .ods-card-image--hero {
    border-radius: var(--radius-large);
    clip-path: inset(var(--ods-card-image-offset) round var(--radius-large))
  }

  .lc-static .ods-card-image--hero .ods-card-image__content {
    padding: var(--spacing-layout-4) calc(var(--spacing-layout-3) + var(--ods-card-image-offset)) calc(var(--spacing-layout-3) + var(--ods-card-image-offset)) calc(var(--spacing-layout-3) + var(--ods-card-image-offset))
  }

  .lc-static .ods-card-image--hero:hover:not(:focus-visible) {
    clip-path: inset(0 round var(--radius-large))
  }

  .lc-static .ods-card-image--hero.ods-card-image--image-right {
    flex-direction: column
  }

  .lc-static .ods-card-image--hero.ods-card-image--image-right .ods-card-image__image {
    order: -1
  }
}

@media (min-width: 1040px) {

  .lc-static .ods-card-image--hero .ods-card-image__content,
  .lc-static .ods-card-image--hero .ods-card-image__image {
    flex: 1 1 50%;
    max-width: 50%
  }

  .lc-static .ods-card-image--large {
    border-radius: var(--radius-large);
    clip-path: inset(var(--ods-card-image-offset) round var(--radius-large))
  }

  .lc-static .ods-card-image--hero {
    border-radius: var(--radius-extra-extra-large);
    clip-path: inset(var(--ods-card-image-offset) round var(--radius-extra-extra-large))
  }

  .lc-static .ods-card-image--hero .ods-card-image__content {
    padding: calc(var(--spacing-layout-6) + var(--ods-card-image-offset))
  }

  .lc-static .ods-card-image--hero:hover:not(:focus-visible) {
    clip-path: inset(0 round var(--radius-extra-extra-large))
  }

  .lc-static .ods-card-image--hero.ods-card-image--image-right {
    flex-direction: row
  }

  .lc-static .ods-card-image--hero.ods-card-image--image-right .ods-card-image__image {
    order: 1
  }
}

.lc-static .ods-card-image:focus-visible {
  outline: var(--ods-card-image-focus-outline-width) solid var(--colours-interaction-states-focus-focus);
  outline-offset: var(--ods-card-image-focus-outline-offset)
}

/* ODSTextField */
.lc-static .ods-input {
  position: relative;
  display: flex;
  flex-direction: column
}

.lc-static .ods-input__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: var(--radius-medium);
  background-color: var(--colours-basic-background);
  transition: background-color .1s, box-shadow .1s
}

.lc-static .ods-input__wrapper:before {
  content: "";
  background: transparent;
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--radius-medium);
  box-shadow: inset 0 0 0 1px var(--colours-basic-stroke)
}

.lc-static .ods-input__wrapper:has(.ods-input__field:hover) {
  background-color: var(--colours-interaction-states-hover-background-hover)
}

.lc-static .ods-input__wrapper:has(.ods-input__field:hover):before {
  box-shadow: inset 0 0 0 1px var(--colours-interaction-states-hover-stroke-hover)
}

.lc-static .ods-input__wrapper:has(.ods-input__field:focus):before {
  box-shadow: inset 0 0 0 1px var(--colours-interaction-states-focus-stroke-active)
}

.lc-static .ods-input__wrapper:has(.ods-input__field:active) {
  background-color: var(--colours-interaction-states-pressed-background-pressed)
}

.lc-static .ods-input__field {
  width: 100%;
  border-radius: var(--radius-medium);
  background-color: transparent;
  color: var(--colours-basic-text)!important;
  font: var(--body-m-bold);
  padding: var(--spacing-component-3) var(--spacing-component-5);
  caret-color: var(--colours-basic-accent)
}

.lc-static .ods-input__field:focus-visible {
  outline: 2px solid var(--colours-interaction-states-focus-focus);
  outline-offset: 4px
}

.lc-static .ods-input__field::placeholder {
  color: var(--colours-basic-text-recessive)
}

.lc-static .ods-input__label {
  position: absolute;
  top: 50%;
  left: 1px;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  transition: all .2s;
  color: var(--colours-basic-text-recessive)
}

.lc-static .ods-input__label-required {
  margin-left: var(--spacing-component-2)
}

.lc-static .ods-input__prefix,
.lc-static .ods-input__suffix {
  position: absolute;
  display: flex;
  gap: var(--spacing-component-2);
  align-items: end;
  color: var(--colours-basic-text-recessive)
}

.lc-static .ods-input__prefix-text,
.lc-static .ods-input__prefix-icon {
  visibility: hidden;
  pointer-events: none;
  white-space: nowrap
}

.lc-static .ods-input__field:focus~.ods-input__prefix>:is(.ods-input__prefix-text, .ods-input__prefix-icon),
.lc-static .ods-input__field:not(:placeholder-shown)~.ods-input__prefix>:is(.ods-input__prefix-text, .ods-input__prefix-icon),
.lc-static .ods-input.has-placeholder .ods-input__prefix>:is(.ods-input__prefix-text, .ods-input__prefix-icon) {
  visibility: visible;
  pointer-events: none
}

.lc-static .ods-input__suffix-text {
  visibility: hidden;
  pointer-events: none;
  white-space: nowrap
}

.lc-static .ods-input__field:focus~.ods-input__suffix>.ods-input__suffix-text,
.lc-static .ods-input__field:not(:placeholder-shown)~.ods-input__suffix>.ods-input__suffix-text,
.lc-static .ods-input.has-placeholder .ods-input__suffix>.ods-input__suffix-text {
  visibility: visible;
  pointer-events: none
}

.lc-static .ods-input__suffix-icon {
  position: absolute;
  right: 0
}

.lc-static .ods-input__field:focus~.ods-input__suffix>.ods-input__suffix-icon,
.lc-static .ods-input__field:not(:placeholder-shown)~.ods-input__suffix>.ods-input__suffix-icon,
.lc-static .ods-input.has-placeholder .ods-input__suffix>.ods-input__suffix-icon {
  position: unset
}

.lc-static .ods-input--large .ods-input__label,
.lc-static .ods-input--large .ods-input__field,
.lc-static .ods-input--large .ods-input__prefix,
.lc-static .ods-input--large .ods-input__suffix,
.lc-static .ods-input--large .ods-input__prefix-text,
.lc-static .ods-input--large .ods-input__suffix-text {
  font: var(--body-l);
  font-size: calc(1.5rem*var(--lc-multiplier));
}

.lc-static .ods-input--large .ods-input__label {
  padding-left: var(--spacing-component-7)
}

.lc-static .ods-input--large .ods-input__field {
  min-height: var(--sizing-component-16);
  padding: var(--spacing-component-8) var(--spacing-component-5) var(--spacing-component-3) var(--spacing-component-7)
}

.lc-static .ods-input--large .ods-input__field:focus~.ods-input__label,
.lc-static .ods-input--large .ods-input__field:not(:placeholder-shown)~.ods-input__label,
.lc-static .ods-input--large.has-placeholder .ods-input__label {
  top: var(--spacing-component-4);
  transform: translateY(0);
  font: var(--body-m-bold)
}

.lc-static .ods-input--large .ods-input__prefix {
  left: var(--spacing-component-7);
  height: 100%;
  padding: var(--spacing-component-8) 0 var(--spacing-component-3) 0;
  align-items: center;
  transform: translateY(.2px);
  pointer-events: none
}

.lc-static .ods-input--large .ods-input__prefix-icon {
  display: flex;
  align-items: center;
  width: var(--spacing-component-7);
  transform: translateY(-2px)
}

.lc-static .ods-input--large .ods-input__prefix-icon svg {
  width: var(--spacing-component-7);
  height: var(--spacing-component-7)
}

.lc-static .ods-input--large .ods-input__suffix {
  right: var(--spacing-component-7);
  height: 100%;
  padding: var(--spacing-component-8) 0 var(--spacing-component-3) 0;
  align-items: center;
  transform: translateY(.2px);
  pointer-events: none
}

.lc-static .ods-input--large .ods-input__suffix-icon {
  display: flex;
  align-items: center;
  width: var(--spacing-component-7);
  transform: translateY(-50%);
  top: 50%
}

.lc-static .ods-input--large .ods-input__suffix-icon svg {
  width: var(--spacing-component-7);
  height: var(--spacing-component-7)
}

.lc-static .ods-input--error .ods-input__wrapper:before {
  box-shadow: inset 0 0 0 4px var(--colours-functional-destructive-standard) !important
}

/* ODSButton */
.lc-static .ods-button {
  --ods-button-large-height: calc(4rem*var(--lc-multiplier));;
  --ods-button-outline-background-color: transparent;
  --ods-button-focus-outline-width: calc(.125rem*var(--lc-multiplier));
  --ods-button-focus-outline-offset: calc(.25rem*var(--lc-multiplier));
  --ods-button-transition-duration: .1s;
  border: var(--ods-button-outline-border-width) solid transparent;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: fit-content;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: var(--radius-full);
  outline: none;
  overflow: hidden;
  text-decoration: none;
  cursor: pointer;
  gap: var(--spacing-component-3)
}

.lc-static .ods-button--primary {
  transition: background-color var(--ods-button-transition-duration), outline var(--ods-button-transition-duration);
  background-color: var(--colours-basic-accent);
  color: var(--colours-basic-text-on-accent);
  outline: 0px solid var(--colours-basic-accent);
  outline-offset: -1px
}

.lc-static .ods-button--primary span {
  word-wrap: none
}

.lc-static .ods-button--primary:hover {
  background-color: var(--colours-interaction-states-hover-accent-hover);
  color: var(--colours-interaction-states-pressed-text-on-accent-pressed);
  outline: 3px solid var(--colours-interaction-states-hover-accent-hover);
  text-decoration: none
}

.lc-static .ods-button--primary:active {
  background-color: var(--colours-interaction-states-pressed-accent-pressed);
  color: var(--colours-interaction-states-pressed-text-on-accent-pressed);
  outline: 0 solid var(--colours-basic-accent);
  outline-offset: 0
}

.lc-static .ods-button--primary:focus-visible {
  background-color: var(--colours-basic-accent);
  color: var(--colours-basic-text-on-accent);
  outline: var(--ods-button-focus-outline-width) solid var(--colours-interaction-states-focus-focus);
  outline-offset: var(--ods-button-focus-outline-offset);
  border: var(--ods-button-outline-border-width) solid transparent
}

.lc-static .ods-button--large {
  height: var(--ods-button-large-height);
  padding: var(--spacing-component-2) var(--spacing-component-8);
  font: var(--body-l)
}

/* ODSHeading */
.lc-static .ods-heading--title-l {
  font-size: var(--title-l-font-size);
  font-weight: var(--title-l-font-weight);
  line-height: var(--title-l-line-height);
  letter-spacing: var(--title-l-letter-spacing);
  text-decoration: var(--title-l-text-decoration);
  color: var(--colours-basic-text)
}

/* ODSLink */
.lc-static .ods-link {
  --ods-link-color: var(--colours-basic-text-link);
  --ods-link-hover: var(--colours-interaction-states-hover-text-link-hover);
  --ods-link-active: var(--colours-interaction-states-pressed-text-link-pressed);
  --ods-link-visited: var(--colours-interaction-states-visited-text-link-visited)
}

.lc-static .ods-link {
  color: var(--ods-link-color);
  text-underline-offset: var(--spacing-component-2)
}

.lc-static .ods-link:not(.ods-link--disabled):hover {
  color: var(--ods-link-hover);
  text-decoration: underline;
  text-decoration-thickness: var(--sizing-component-2)
}

.lc-static .ods-link:not(.ods-link--disabled):active {
  color: var(--ods-link-active)
}

.lc-static .ods-link:not(.ods-link--disabled):visited {
  color: var(--ods-link-visited)
}

.lc-static .ods-link:focus-visible {
  outline-offset: var(--spacing-component-2)
}

.lc-static .ods-link--s-bold {
  font-size: var(--link-s-bold-font-size);
  font-weight: var(--link-s-bold-font-weight);
  line-height: var(--link-s-bold-line-height);
  letter-spacing: var(--link-s-bold-letter-spacing);
  text-decoration: var(--link-s-bold-text-decoration)
}

/* ODSAspectRatio */
.lc-static .ods-aspect-ratio {
  line-height: 0
}

.lc-static .ods-aspect-ratio img {
  object-fit: cover;
  width: 100%;
  height: 100%
}

.lc-static .ods-aspect-ratio img.ods-aspect-ratio--img-auto {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center
}

.lc-static .ods-aspect-ratio--4-3 {
  aspect-ratio: 1.3333333333 !important
}

@media (min-width: 768px) { /* @md */
  .lc-static .ods-aspect-ratio--16-9\@md {
    aspect-ratio: 1.7777777778 !important
  }
}

@media (min-width: 1040px) { /* @lg */
  .lc-static .ods-aspect-ratio--3-2\@lg {
    aspect-ratio: 1.5 !important
  }
}

/* ODSIcon */
.lc-static .ods-icon {
  line-height: 0
}

.lc-static .ods-icon svg {
  display: block;
  max-width: var(--sizing-component-10);
  max-height: var(--sizing-component-10)
}

/**********************************************************************************************************************************/
/* ODS UTILITY CLASSES */
/***********************/

.lc-static .ods-d--flex {
  display: flex !important
}

.lc-static .ods-flex--column {
  flex-direction: column !important
}

.lc-static .ods-flex--column-reverse {
  flex-direction: column-reverse !important
}

.lc-static .ods-flex--wrap {
  flex-wrap: wrap !important
}

.lc-static .ods-flex--shrink-0 {
  flex-shrink: 0 !important
}

.lc-static .ods-align-items--center {
  align-items: center !important
}

.lc-static .ods-gap--component-0 {
  gap: var(--spacing-component-0) !important
}

.lc-static .ods-gap--component-3 {
  gap: var(--spacing-component-3) !important
}

.lc-static .ods-gap--component-4 {
  gap: var(--spacing-component-4) !important
}

.lc-static .ods-gap-horizontal--component-2 {
  column-gap: var(--spacing-component-2) !important
}

.lc-static .ods-mt--component-5 {
  margin-top: var(--spacing-component-5) !important
}

.lc-static .ods-mb--layout-5 {
  margin-bottom: var(--spacing-layout-5) !important
}

.lc-static .ods-w--100 {
  width: 100% !important
}

.lc-static .ods-position--relative {
  position: relative !important
}

.lc-static .ods-position--absolute {
  position: absolute !important
}

.lc-static .ods-cursor--default {
  cursor: default !important
}

.lc-static .ods-hidden,
.lc-static .sr-only {
  display: block;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important
}

.lc-static.ods-bg--basic,
.lc-static .ods-bg--basic {
  background: var(--colours-basic-background) !important
}

.lc-static .ods-bg--basic-card {
  background: var(--colours-basic-background-card) !important
}

.lc-static .ods-text--body-s-bold {
  font-size: var(--body-s-bold-font-size);
  font-weight: var(--body-s-bold-font-weight);
  line-height: var(--body-s-bold-line-height);
  letter-spacing: var(--body-s-bold-letter-spacing);
  text-decoration: var(--body-s-bold-text-decoration);
  color: var(--colours-basic-text)
}

.lc-static .ods-text--body-s {
  font-size: var(--body-s-regular-font-size);
  font-weight: var(--body-s-regular-font-weight);
  line-height: var(--body-s-regular-line-height);
  letter-spacing: var(--body-s-regular-letter-spacing);
  text-decoration: var(--body-s-regular-text-decoration);
  color: var(--colours-basic-text)
}

@media (min-width: 768px) { /* @md */
  .lc-static .ods-pe--layout-2\@md {
    padding-right: var(--spacing-layout-2) !important
  }
}

@media (min-width: 1040px) { /* @lg */
  .lc-static .ods-flex--row\@lg {
    flex-direction: row !important
  }
}

@media (min-width: 1440px) { /* @xl */
  .lc-static .ods-flex--nowrap\@xl {
    flex-wrap: nowrap !important
  }

  .lc-static .ods-w--fit-content\@xl {
    width: fit-content !important
  }
}