@charset "UTF-8";

/* libs/shared/ui/components/src/lib/styles/styles.scss */
:root {
  --color-zwhite: #ffffff;
  --color-zblack: #000000;
  --color-zyellow-1: #ffe066;
  --color-zyellow-2: #ffd633;
  --color-zyellow-3: #ffcc00;
  --color-zpetrol-1: #eef6f6;
  --color-zpetrol-2: #d6ebeb;
  --color-zpetrol-3: #a6d8d9;
  --color-zpetrol-4: #70bfc2;
  --color-zpetrol-5: #49a6ab;
  --color-zpetrol-6: #1a8d93;
  --color-zpetrol-7: #067079;
  --color-zpetrol-8: #00545e;
  --color-zpetrol-9: #00373d;
  --color-zpetrol-10: #00292e;
  --color-zpetrol-11: #001b1f;
  --color-zgrey-1: #f9f9f9;
  --color-zgrey-2: #f2f2f2;
  --color-zgrey-3: #e5e5e5;
  --color-zgrey-4: #cccccc;
  --color-zgrey-5: #999999;
  --color-zgrey-6: #666666;
  --color-zgrey-7: #333333;
  --color-zblue-1: #f3f7ff;
  --color-zblue-2: #9fbffd;
  --color-zblue-3: #105ff9;
  --color-zred-1: #fdf3f3;
  --color-zred-2: #ffe5e7;
  --color-zred-3: #ef7a85;
  --color-zred-4: #d80909;
  --color-zgreen-1: #f5f7f3;
  --color-zgreen-2: #b1c5a3;
  --color-zgreen-3: #3d6f1a;
  --color-zorange-1: #fef5e5;
  --color-zorange-2: #ffa500;
  --color-current: currentColor;
  --color-overlay-20: #00000035;
  --color-overlay-10: #0001;
  --color-myellow-1: #ffe066;
  --color-myellow-2: #ffd633;
  --color-myellow-3: #ffcc00;
  --color-mpetrol-1: #eef6f6;
  --color-mpetrol-2: #d6ebeb;
  --color-mpetrol-3: #a6d8d9;
  --color-mpetrol-4: #70bfc2;
  --color-mpetrol-5: #49a6ab;
  --color-mpetrol-6: #1a8d93;
  --color-mpetrol-7: #067079;
  --color-mpetrol-8: #004b5a;
  --color-mpetrol-9: #00373d;
  --color-mpetrol-10: #00292e;
  --color-mpetrol-11: #001b1f;
  --color-mwhite: #ffffff;
  --color-mblack: #000000;
  --color-mgrey-1: #f9f9f9;
  --color-mgrey-2: #f2f2f2;
  --color-mgrey-3: #e5e5e5;
  --color-mgrey-4: #cccccc;
  --color-mgrey-5: #999999;
  --color-mgrey-6: #666666;
  --color-mgrey-7: #333333;
  --color-mblue-1: #f3f7ff;
  --color-mblue-2: #9fbffd;
  --color-mblue-3: #105ff9;
  --color-mblue-4: #173673;
  --color-mlightblue-1: #b3e7f1;
  --color-mlightblue-2: #80d8e8;
  --color-mlightblue-3: #4dcbdf;
  --color-mlightblue-4: #19bcd6;
  --color-mlightblue-5: #009abc;
  --color-mlightblue-6: #0086a7;
  --color-mlightblue-7: #007292;
  --color-mlightblue-8: #006685;
  --color-mlightblue-9: #005a78;
  --color-mred-1: #ffebeb;
  --color-mred-2: #ff9396;
  --color-mred-3: #d80909;
  --color-mred-4: #800817;
  --color-mgreen-1: #daf6e2;
  --color-mgreen-2: #93edae;
  --color-mgreen-3: #2b8469;
  --color-mgreen-4: #004743;
  --color-morange-1: #fef5e5;
  --color-morange-2: #ffa500;
  --color-morange-3: #b12e02;
  --color-black-transparent-100: #000f;
  --color-black-transparent-87: #000000de;
  --color-black-transparent-70: #000000b3;
  --color-black-transparent-40: #0006;
  --color-black-transparent-20: #0003;
  --color-black-transparent-10: #0000001a;
  --color-white-transparent-40: #fff6;
  --color-white-transparent-10: #ffffff1a;
}
:root {
  --fpui-chart-default: var(--color-mpetrol-8);
  --fpui-chart-subtle: var(--color-mpetrol-4);
  --fpui-chart-brand: var(--color-myellow-3);
  --fpui-chart-red: var(--color-mred-3);
  --fpui-chart-orange: var(--color-morange-2);
  --fpui-chart-neutral: var(--color-mpetrol-1);
  --fpui-chart-area-positive: var(--color-mpetrol-2);
  --fpui-chart-area-negative: var(--color-mred-3);
  --fpui-chart-segment-1: var(--color-mpetrol-8);
  --fpui-chart-segment-2: var(--color-mpetrol-4);
  --fpui-chart-segment-3: var(--color-mpetrol-6);
  --fpui-chart-segment-4: var(--color-mpetrol-9);
  --fpui-chart-segment-5: var(--color-mpetrol-7);
  --fpui-chart-segment-6: var(--color-mlightblue-4);
  --fpui-chart-segment-7: var(--color-mlightblue-9);
  --fpui-chart-segment-8: var(--color-mlightblue-2);
  --fpui-chart-segment-9: var(--color-mlightblue-7);
  --fpui-chart-segment-10: var(--color-mlightblue-3);
  --fpui-chart-segment-brand: var(--fpui-chart-brand);
  --fpui-chart-segment-red: var(--fpui-chart-red);
  --fpui-chart-grid-line-bold: var(--color-mgrey-6);
  --fpui-chart-grid-line-default: var(--color-mgrey-3);
  --fpui-chart-plot-line-petrol: var(--color-mpetrol-8);
  --fpui-chart-plot-line-grey: var(--color-mgrey-7);
}
:root.dark {
  --fpui-chart-default: var(--color-mpetrol-3);
  --fpui-chart-subtle: var(--color-mpetrol-7);
  --fpui-chart-brand: var(--color-myellow-3);
  --fpui-chart-red: var(--color-mred-2);
  --fpui-chart-orange: var(--color-morange-2);
  --fpui-chart-neutral: var(--color-mpetrol-9);
  --fpui-chart-area-positive: var(--color-mpetrol-8);
  --fpui-chart-area-negative: var(--color-mred-2);
  --fpui-chart-segment-1: var(--color-mpetrol-3);
  --fpui-chart-segment-2: var(--color-mpetrol-7);
  --fpui-chart-segment-3: var(--color-mpetrol-5);
  --fpui-chart-segment-4: var(--color-mpetrol-2);
  --fpui-chart-segment-5: var(--color-mpetrol-4);
  --fpui-chart-segment-6: var(--color-mlightblue-5);
  --fpui-chart-segment-7: var(--color-mlightblue-1);
  --fpui-chart-segment-8: var(--color-mlightblue-8);
  --fpui-chart-segment-9: var(--color-mlightblue-3);
  --fpui-chart-segment-10: var(--color-mlightblue-7);
  --fpui-chart-segment-brand: var(--fpui-chart-brand);
  --fpui-chart-segment-red: var(--fpui-chart-red);
  --fpui-chart-grid-line-bold: var(--color-mpetrol-4);
  --fpui-chart-grid-line-default: var(--color-mgrey-6);
  --fpui-chart-plot-line-petrol: var(--color-mpetrol-2);
  --fpui-chart-plot-line-grey: var(--color-mgrey-3);
}
@media print {
  :root {
    --fpui-logo-mark-color: var(--color-myellow-3) !important;
    --fpui-logo-type-color: var(--color-mpetrol-8) !important;
  }
}
:root {
  --fpui-chart-color-1: var(--color-mpetrol-9);
  --fpui-chart-color-2: var(--color-mpetrol-8);
  --fpui-chart-color-3: var(--color-mpetrol-7);
  --fpui-chart-color-4: var(--color-mpetrol-6);
  --fpui-chart-color-5: var(--color-mpetrol-5);
  --fpui-chart-color-6: var(--color-mpetrol-4);
  --fpui-chart-color-7: var(--color-mpetrol-3);
  --fpui-chart-color-8: var(--color-mpetrol-2);
  --fpui-chart-color-positive: var(--color-myellow-3);
  --fpui-chart-color-negative: var(--color-mred-3);
  --fpui-chart-title: var(--color-mgrey-7);
  --fpui-chart-background: var(--color-mwhite);
  --fpui-chart-tooltip-background: var(--color-mwhite);
  --fpui-chart-tooltip-text: var(--color-mgrey-7);
  --fpui-chart-tooltip-border: var(--color-mgrey-4);
  --fpui-chart-axis-label: var(--color-mgrey-7);
  --fpui-chart-axis-line: var(--color-mgrey-5);
  --fpui-chart-grid-line: var(--color-mgrey-3);
  --fpui-chart-cursor-halo: var(--color-mgrey-3);
  --fpui-chart-cursor-point: var(--color-mgrey-7);
  --fpui-chart-segment-stroke: var(--color-mwhite);
  --fpui-chart-plot-line-label-background: var(--color-mpetrol-8);
  --fpui-chart-plot-line-label-text: var(--color-mwhite);
  --fpui-chart-plot-line-label-active-background: var(--color-mblack);
  --fpui-chart-plot-line-label-active-text: var(--color-mwhite);
  --fpui-chart-step-icon-active-color: var(--color-mpetrol-7);
  --fpui-chart-step-icon-active-border: var(--color-mpetrol-4);
  --fpui-chart-step-icon-active-hover-border: var(--color-mpetrol-7);
  --fpui-chart-step-icon-active-background: transparent;
  --fpui-chart-step-icon-active-hover-background: var(--color-mpetrol-1);
  --fpui-chart-step-icon-inactive-color: var(--color-mpetrol-4);
  --fpui-chart-step-icon-inactive-border: var(--color-mpetrol-3);
  --fpui-chart-step-icon-inactive-background: transparent;
  --fpui-chart-step-icon-inactive-hover-background: transparent;
  --fpui-chart-step-indicator-active-background: var(--color-mpetrol-8);
  --fpui-chart-step-indicator-inactive-background: var(--color-mgrey-4);
  --fpui-chart-step-indicator-inactive-hover-background: var(--color-mpetrol-8);
}
:root.dark {
  --fpui-chart-color-1: var(--color-mpetrol-2);
  --fpui-chart-color-2: var(--color-mpetrol-3);
  --fpui-chart-color-3: var(--color-mpetrol-4);
  --fpui-chart-color-4: var(--color-mpetrol-5);
  --fpui-chart-color-5: var(--color-mpetrol-6);
  --fpui-chart-color-6: var(--color-mpetrol-7);
  --fpui-chart-color-7: var(--color-mpetrol-8);
  --fpui-chart-color-8: var(--color-mpetrol-9);
  --fpui-chart-color-positive: var(--color-myellow-3);
  --fpui-chart-color-negative: var(--color-mred-2);
  --fpui-chart-title: var(--color-mpetrol-2);
  --fpui-chart-background: var(--color-mpetrol-10);
  --fpui-chart-tooltip-background: var(--color-mpetrol-9);
  --fpui-chart-tooltip-text: var(--color-mpetrol-4);
  --fpui-chart-tooltip-border: var(--color-mpetrol-4);
  --fpui-chart-axis-label: var(--color-mwhite);
  --fpui-chart-axis-line: var(--color-mpetrol-4);
  --fpui-chart-grid-line: var(--color-mgrey-6);
  --fpui-chart-cursor-halo: var(--color-mgrey-3);
  --fpui-chart-cursor-point: var(--color-mgrey-7);
  --fpui-chart-segment-stroke: var(--color-mpetrol-10);
  --fpui-chart-plot-line-label-background: var(--color-mpetrol-2);
  --fpui-chart-plot-line-label-text: var(--color-mpetrol-8);
  --fpui-chart-plot-line-label-active-background: var(--color-mwhite);
  --fpui-chart-plot-line-label-active-text: var(--color-mblack);
  --fpui-chart-step-icon-active-color: var(--color-mpetrol-7);
  --fpui-chart-step-icon-active-border: var(--color-mpetrol-8);
  --fpui-chart-step-icon-active-hover-border: var(--color-mpetrol-8);
  --fpui-chart-step-icon-active-background: transparent;
  --fpui-chart-step-icon-active-hover-background: var(--color-mpetrol-11);
  --fpui-chart-step-icon-inactive-color: var(--color-mpetrol-8);
  --fpui-chart-step-icon-inactive-border: var(--color-mpetrol-9);
  --fpui-chart-step-icon-inactive-background: transparent;
  --fpui-chart-step-icon-inactive-hover-background: transparent;
  --fpui-chart-step-indicator-active-background: var(--color-mpetrol-4);
  --fpui-chart-step-indicator-inactive-background: var(--color-mpetrol-7);
  --fpui-chart-step-indicator-inactive-hover-background: var(--color-mpetrol-4);
}
@media print {
  :root.dark {
    --fpui-chart-color-1: var(--color-mpetrol-9);
    --fpui-chart-color-2: var(--color-mpetrol-8);
    --fpui-chart-color-3: var(--color-mpetrol-7);
    --fpui-chart-color-4: var(--color-mpetrol-6);
    --fpui-chart-color-5: var(--color-mpetrol-5);
    --fpui-chart-color-6: var(--color-mpetrol-4);
    --fpui-chart-color-7: var(--color-mpetrol-3);
    --fpui-chart-color-8: var(--color-mpetrol-2);
    --fpui-chart-color-positive: var(--color-myellow-3);
    --fpui-chart-color-negative: var(--color-mred-3);
    --fpui-chart-title: var(--color-mgrey-7);
    --fpui-chart-background: var(--color-mwhite);
    --fpui-chart-tooltip-background: var(--color-mwhite);
    --fpui-chart-tooltip-text: var(--color-mgrey-7);
    --fpui-chart-tooltip-border: var(--color-mgrey-4);
    --fpui-chart-axis-label: var(--color-mgrey-7);
    --fpui-chart-axis-line: var(--color-mgrey-5);
    --fpui-chart-grid-line: var(--color-mgrey-3);
    --fpui-chart-cursor-halo: var(--color-mgrey-3);
    --fpui-chart-cursor-point: var(--color-mgrey-7);
    --fpui-chart-segment-stroke: var(--color-mwhite);
    --fpui-chart-plot-line-label-background: var(--color-mpetrol-8);
    --fpui-chart-plot-line-label-text: var(--color-mwhite);
    --fpui-chart-plot-line-label-active-background: var(--color-mblack);
    --fpui-chart-plot-line-label-active-text: var(--color-mwhite);
    --fpui-chart-step-icon-active-color: var(--color-mpetrol-7);
    --fpui-chart-step-icon-active-border: var(--color-mpetrol-4);
    --fpui-chart-step-icon-active-hover-border: var(--color-mpetrol-7);
    --fpui-chart-step-icon-active-background: transparent;
    --fpui-chart-step-icon-active-hover-background: var(--color-mpetrol-1);
    --fpui-chart-step-icon-inactive-color: var(--color-mpetrol-4);
    --fpui-chart-step-icon-inactive-border: var(--color-mpetrol-3);
    --fpui-chart-step-icon-inactive-background: transparent;
    --fpui-chart-step-icon-inactive-hover-background: transparent;
    --fpui-chart-step-indicator-active-background: var(--color-mpetrol-8);
    --fpui-chart-step-indicator-inactive-background: var(--color-mgrey-4);
    --fpui-chart-step-indicator-inactive-hover-background: var(--color-mpetrol-8);
  }
}
.fpui-chart .highcharts-background {
  fill: var(--fpui-chart-background);
}
.fpui-chart .highcharts-series.highcharts-line-series.color-1 path.highcharts-graph,
.fpui-chart .highcharts-series.highcharts-area-series.color-1 path.highcharts-graph {
  stroke: var(--fpui-chart-color-1);
}
.fpui-chart .highcharts-series.highcharts-line-series.color-2 path.highcharts-graph,
.fpui-chart .highcharts-series.highcharts-area-series.color-2 path.highcharts-graph {
  stroke: var(--fpui-chart-color-2);
}
.fpui-chart .highcharts-series.highcharts-line-series.color-3 path.highcharts-graph,
.fpui-chart .highcharts-series.highcharts-area-series.color-3 path.highcharts-graph {
  stroke: var(--fpui-chart-color-3);
}
.fpui-chart .highcharts-series.highcharts-line-series.color-4 path.highcharts-graph,
.fpui-chart .highcharts-series.highcharts-area-series.color-4 path.highcharts-graph {
  stroke: var(--fpui-chart-color-4);
}
.fpui-chart .highcharts-series.highcharts-line-series.color-5 path.highcharts-graph,
.fpui-chart .highcharts-series.highcharts-area-series.color-5 path.highcharts-graph {
  stroke: var(--fpui-chart-color-5);
}
.fpui-chart .highcharts-series.highcharts-line-series.color-6 path.highcharts-graph,
.fpui-chart .highcharts-series.highcharts-area-series.color-6 path.highcharts-graph {
  stroke: var(--fpui-chart-color-6);
}
.fpui-chart .highcharts-series.highcharts-line-series.color-7 path.highcharts-graph,
.fpui-chart .highcharts-series.highcharts-area-series.color-7 path.highcharts-graph {
  stroke: var(--fpui-chart-color-7);
}
.fpui-chart .highcharts-series.highcharts-line-series.color-8 path.highcharts-graph,
.fpui-chart .highcharts-series.highcharts-area-series.color-8 path.highcharts-graph {
  stroke: var(--fpui-chart-color-8);
}
.fpui-chart .highcharts-series.highcharts-line-series.color-positive path.highcharts-graph,
.fpui-chart .highcharts-series.highcharts-area-series.color-positive path.highcharts-graph {
  stroke: var(--fpui-chart-color-positive);
}
.fpui-chart .highcharts-series.highcharts-line-series.color-negative path.highcharts-graph,
.fpui-chart .highcharts-series.highcharts-area-series.color-negative path.highcharts-graph {
  stroke: var(--fpui-chart-color-negative);
}
.fpui-chart .highcharts-series.highcharts-line-series path.highcharts-graph.color-negative,
.fpui-chart .highcharts-series.highcharts-area-series path.highcharts-graph.color-negative {
  stroke: var(--fpui-chart-color-negative);
}
@media not print {
  .dark .fpui-chart .highcharts-series.highcharts-line-series.color-1 path.highcharts-graph,
  .dark .fpui-chart .highcharts-series.highcharts-area-series.color-1 path.highcharts-graph {
    stroke: var(--fpui-chart-color-1);
  }
  .dark .fpui-chart .highcharts-series.highcharts-line-series.color-2 path.highcharts-graph,
  .dark .fpui-chart .highcharts-series.highcharts-area-series.color-2 path.highcharts-graph {
    stroke: var(--fpui-chart-color-2);
  }
  .dark .fpui-chart .highcharts-series.highcharts-line-series.color-3 path.highcharts-graph,
  .dark .fpui-chart .highcharts-series.highcharts-area-series.color-3 path.highcharts-graph {
    stroke: var(--fpui-chart-color-3);
  }
  .dark .fpui-chart .highcharts-series.highcharts-line-series.color-4 path.highcharts-graph,
  .dark .fpui-chart .highcharts-series.highcharts-area-series.color-4 path.highcharts-graph {
    stroke: var(--fpui-chart-color-4);
  }
  .dark .fpui-chart .highcharts-series.highcharts-line-series.color-5 path.highcharts-graph,
  .dark .fpui-chart .highcharts-series.highcharts-area-series.color-5 path.highcharts-graph {
    stroke: var(--fpui-chart-color-5);
  }
  .dark .fpui-chart .highcharts-series.highcharts-line-series.color-6 path.highcharts-graph,
  .dark .fpui-chart .highcharts-series.highcharts-area-series.color-6 path.highcharts-graph {
    stroke: var(--fpui-chart-color-6);
  }
  .dark .fpui-chart .highcharts-series.highcharts-line-series.color-7 path.highcharts-graph,
  .dark .fpui-chart .highcharts-series.highcharts-area-series.color-7 path.highcharts-graph {
    stroke: var(--fpui-chart-color-7);
  }
  .dark .fpui-chart .highcharts-series.highcharts-line-series.color-8 path.highcharts-graph,
  .dark .fpui-chart .highcharts-series.highcharts-area-series.color-8 path.highcharts-graph {
    stroke: var(--fpui-chart-color-8);
  }
  .dark .fpui-chart .highcharts-series.highcharts-line-series.color-positive path.highcharts-graph,
  .dark .fpui-chart .highcharts-series.highcharts-area-series.color-positive path.highcharts-graph {
    stroke: var(--fpui-chart-color-positive);
  }
  .dark .fpui-chart .highcharts-series.highcharts-line-series.color-negative path.highcharts-graph,
  .dark .fpui-chart .highcharts-series.highcharts-area-series.color-negative path.highcharts-graph {
    stroke: var(--fpui-chart-color-negative);
  }
  .dark .fpui-chart .highcharts-series.highcharts-line-series path.highcharts-graph.color-negative,
  .dark .fpui-chart .highcharts-series.highcharts-area-series path.highcharts-graph.color-negative {
    stroke: var(--fpui-chart-color-negative);
  }
}
.fpui-chart .highcharts-markers.color-1 .highcharts-halo,
.fpui-chart .highcharts-markers.color-1 .highcharts-point {
  stroke: var(--fpui-chart-color-1);
  fill: var(--fpui-chart-color-1);
}
.fpui-chart .highcharts-series.highcharts-line-series.color-1 path.highcharts-graph,
.fpui-chart .highcharts-series.highcharts-area-series.color-1 path.highcharts-graph {
  stroke: var(--fpui-chart-color-1);
}
.fpui-chart .highcharts-markers.color-2 .highcharts-halo,
.fpui-chart .highcharts-markers.color-2 .highcharts-point {
  stroke: var(--fpui-chart-color-2);
  fill: var(--fpui-chart-color-2);
}
.fpui-chart .highcharts-series.highcharts-line-series.color-2 path.highcharts-graph,
.fpui-chart .highcharts-series.highcharts-area-series.color-2 path.highcharts-graph {
  stroke: var(--fpui-chart-color-2);
}
.fpui-chart .highcharts-markers.color-3 .highcharts-halo,
.fpui-chart .highcharts-markers.color-3 .highcharts-point {
  stroke: var(--fpui-chart-color-3);
  fill: var(--fpui-chart-color-3);
}
.fpui-chart .highcharts-series.highcharts-line-series.color-3 path.highcharts-graph,
.fpui-chart .highcharts-series.highcharts-area-series.color-3 path.highcharts-graph {
  stroke: var(--fpui-chart-color-3);
}
.fpui-chart .highcharts-markers.color-4 .highcharts-halo,
.fpui-chart .highcharts-markers.color-4 .highcharts-point {
  stroke: var(--fpui-chart-color-4);
  fill: var(--fpui-chart-color-4);
}
.fpui-chart .highcharts-series.highcharts-line-series.color-4 path.highcharts-graph,
.fpui-chart .highcharts-series.highcharts-area-series.color-4 path.highcharts-graph {
  stroke: var(--fpui-chart-color-4);
}
.fpui-chart .highcharts-markers.color-5 .highcharts-halo,
.fpui-chart .highcharts-markers.color-5 .highcharts-point {
  stroke: var(--fpui-chart-color-5);
  fill: var(--fpui-chart-color-5);
}
.fpui-chart .highcharts-series.highcharts-line-series.color-5 path.highcharts-graph,
.fpui-chart .highcharts-series.highcharts-area-series.color-5 path.highcharts-graph {
  stroke: var(--fpui-chart-color-5);
}
.fpui-chart .highcharts-markers.color-6 .highcharts-halo,
.fpui-chart .highcharts-markers.color-6 .highcharts-point {
  stroke: var(--fpui-chart-color-6);
  fill: var(--fpui-chart-color-6);
}
.fpui-chart .highcharts-series.highcharts-line-series.color-6 path.highcharts-graph,
.fpui-chart .highcharts-series.highcharts-area-series.color-6 path.highcharts-graph {
  stroke: var(--fpui-chart-color-6);
}
.fpui-chart .highcharts-markers.color-7 .highcharts-halo,
.fpui-chart .highcharts-markers.color-7 .highcharts-point {
  stroke: var(--fpui-chart-color-7);
  fill: var(--fpui-chart-color-7);
}
.fpui-chart .highcharts-series.highcharts-line-series.color-7 path.highcharts-graph,
.fpui-chart .highcharts-series.highcharts-area-series.color-7 path.highcharts-graph {
  stroke: var(--fpui-chart-color-7);
}
.fpui-chart .highcharts-markers.color-8 .highcharts-halo,
.fpui-chart .highcharts-markers.color-8 .highcharts-point {
  stroke: var(--fpui-chart-color-8);
  fill: var(--fpui-chart-color-8);
}
.fpui-chart .highcharts-series.highcharts-line-series.color-8 path.highcharts-graph,
.fpui-chart .highcharts-series.highcharts-area-series.color-8 path.highcharts-graph {
  stroke: var(--fpui-chart-color-8);
}
.fpui-chart .highcharts-markers.color-positive .highcharts-halo,
.fpui-chart .highcharts-markers.color-positive .highcharts-point {
  stroke: var(--fpui-chart-color-positive);
  fill: var(--fpui-chart-color-positive);
}
.fpui-chart .highcharts-series.highcharts-line-series.color-positive path.highcharts-graph,
.fpui-chart .highcharts-series.highcharts-area-series.color-positive path.highcharts-graph {
  stroke: var(--fpui-chart-color-positive);
}
.fpui-chart .highcharts-markers.color-negative .highcharts-halo,
.fpui-chart .highcharts-markers.color-negative .highcharts-point {
  stroke: var(--fpui-chart-color-negative);
  fill: var(--fpui-chart-color-negative);
}
.fpui-chart .highcharts-series.highcharts-line-series.color-negative path.highcharts-graph,
.fpui-chart .highcharts-series.highcharts-area-series.color-negative path.highcharts-graph {
  stroke: var(--fpui-chart-color-negative);
}
.fpui-chart .highcharts-series.highcharts-line-series path.highcharts-graph.color-negative,
.fpui-chart .highcharts-series.highcharts-area-series path.highcharts-graph.color-negative {
  stroke: var(--fpui-chart-color-negative);
}
@media not print {
  .dark .fpui-chart .highcharts-markers.color-1 .highcharts-halo,
  .dark .fpui-chart .highcharts-markers.color-1 .highcharts-point {
    stroke: var(--fpui-chart-color-1);
    fill: var(--fpui-chart-color-1);
  }
  .dark .fpui-chart .highcharts-series.highcharts-line-series.color-1 path.highcharts-graph,
  .dark .fpui-chart .highcharts-series.highcharts-area-series.color-1 path.highcharts-graph {
    stroke: var(--fpui-chart-color-1);
  }
  .dark .fpui-chart .highcharts-markers.color-2 .highcharts-halo,
  .dark .fpui-chart .highcharts-markers.color-2 .highcharts-point {
    stroke: var(--fpui-chart-color-2);
    fill: var(--fpui-chart-color-2);
  }
  .dark .fpui-chart .highcharts-series.highcharts-line-series.color-2 path.highcharts-graph,
  .dark .fpui-chart .highcharts-series.highcharts-area-series.color-2 path.highcharts-graph {
    stroke: var(--fpui-chart-color-2);
  }
  .dark .fpui-chart .highcharts-markers.color-3 .highcharts-halo,
  .dark .fpui-chart .highcharts-markers.color-3 .highcharts-point {
    stroke: var(--fpui-chart-color-3);
    fill: var(--fpui-chart-color-3);
  }
  .dark .fpui-chart .highcharts-series.highcharts-line-series.color-3 path.highcharts-graph,
  .dark .fpui-chart .highcharts-series.highcharts-area-series.color-3 path.highcharts-graph {
    stroke: var(--fpui-chart-color-3);
  }
  .dark .fpui-chart .highcharts-markers.color-4 .highcharts-halo,
  .dark .fpui-chart .highcharts-markers.color-4 .highcharts-point {
    stroke: var(--fpui-chart-color-4);
    fill: var(--fpui-chart-color-4);
  }
  .dark .fpui-chart .highcharts-series.highcharts-line-series.color-4 path.highcharts-graph,
  .dark .fpui-chart .highcharts-series.highcharts-area-series.color-4 path.highcharts-graph {
    stroke: var(--fpui-chart-color-4);
  }
  .dark .fpui-chart .highcharts-markers.color-5 .highcharts-halo,
  .dark .fpui-chart .highcharts-markers.color-5 .highcharts-point {
    stroke: var(--fpui-chart-color-5);
    fill: var(--fpui-chart-color-5);
  }
  .dark .fpui-chart .highcharts-series.highcharts-line-series.color-5 path.highcharts-graph,
  .dark .fpui-chart .highcharts-series.highcharts-area-series.color-5 path.highcharts-graph {
    stroke: var(--fpui-chart-color-5);
  }
  .dark .fpui-chart .highcharts-markers.color-6 .highcharts-halo,
  .dark .fpui-chart .highcharts-markers.color-6 .highcharts-point {
    stroke: var(--fpui-chart-color-6);
    fill: var(--fpui-chart-color-6);
  }
  .dark .fpui-chart .highcharts-series.highcharts-line-series.color-6 path.highcharts-graph,
  .dark .fpui-chart .highcharts-series.highcharts-area-series.color-6 path.highcharts-graph {
    stroke: var(--fpui-chart-color-6);
  }
  .dark .fpui-chart .highcharts-markers.color-7 .highcharts-halo,
  .dark .fpui-chart .highcharts-markers.color-7 .highcharts-point {
    stroke: var(--fpui-chart-color-7);
    fill: var(--fpui-chart-color-7);
  }
  .dark .fpui-chart .highcharts-series.highcharts-line-series.color-7 path.highcharts-graph,
  .dark .fpui-chart .highcharts-series.highcharts-area-series.color-7 path.highcharts-graph {
    stroke: var(--fpui-chart-color-7);
  }
  .dark .fpui-chart .highcharts-markers.color-8 .highcharts-halo,
  .dark .fpui-chart .highcharts-markers.color-8 .highcharts-point {
    stroke: var(--fpui-chart-color-8);
    fill: var(--fpui-chart-color-8);
  }
  .dark .fpui-chart .highcharts-series.highcharts-line-series.color-8 path.highcharts-graph,
  .dark .fpui-chart .highcharts-series.highcharts-area-series.color-8 path.highcharts-graph {
    stroke: var(--fpui-chart-color-8);
  }
  .dark .fpui-chart .highcharts-markers.color-positive .highcharts-halo,
  .dark .fpui-chart .highcharts-markers.color-positive .highcharts-point {
    stroke: var(--fpui-chart-color-positive);
    fill: var(--fpui-chart-color-positive);
  }
  .dark .fpui-chart .highcharts-series.highcharts-line-series.color-positive path.highcharts-graph,
  .dark .fpui-chart .highcharts-series.highcharts-area-series.color-positive path.highcharts-graph {
    stroke: var(--fpui-chart-color-positive);
  }
  .dark .fpui-chart .highcharts-markers.color-negative .highcharts-halo,
  .dark .fpui-chart .highcharts-markers.color-negative .highcharts-point {
    stroke: var(--fpui-chart-color-negative);
    fill: var(--fpui-chart-color-negative);
  }
  .dark .fpui-chart .highcharts-series.highcharts-line-series.color-negative path.highcharts-graph,
  .dark .fpui-chart .highcharts-series.highcharts-area-series.color-negative path.highcharts-graph {
    stroke: var(--fpui-chart-color-negative);
  }
  .dark .fpui-chart .highcharts-series.highcharts-line-series path.highcharts-graph.color-negative,
  .dark .fpui-chart .highcharts-series.highcharts-area-series path.highcharts-graph.color-negative {
    stroke: var(--fpui-chart-color-negative);
  }
}
.fpui-chart .grid-line,
.fpui-chart .grid-line-max,
.fpui-chart .grid-line-min,
.fpui-chart .grid-line-median,
.fpui-chart .grid-line-middle {
  stroke: var(--fpui-chart-grid-line);
}
.fpui-chart .fpui-chart-yaxis-label .highcharts-grid-line {
  stroke: var(--fpui-chart-grid-line);
}
@media not print {
  .dark .fpui-chart .grid-line,
  .dark .fpui-chart .grid-line-max,
  .dark .fpui-chart .grid-line-min,
  .dark .fpui-chart .grid-line-median,
  .dark .fpui-chart .grid-line-middle {
    stroke: var(--fpui-chart-grid-line);
  }
  .dark .fpui-chart-yaxis-label .highcharts-grid-line {
    stroke: var(--fpui-chart-grid-line);
  }
}
.fpui-chart-tooltip .highcharts-label-box {
  fill: var(--fpui-chart-tooltip-background);
  stroke: var(--fpui-chart-tooltip-border);
}
.fpui-chart-tooltip,
.fpui-chart-tooltip-content {
  background-color: var(--fpui-chart-tooltip-background);
  color: var(--fpui-chart-tooltip-text);
}
@media not print {
  .dark .fpui-chart-tooltip .highcharts-label-box {
    fill: var(--fpui-chart-tooltip-background);
    stroke: var(--fpui-chart-tooltip-border);
  }
  .dark .fpui-chart-tooltip,
  .dark .fpui-chart-tooltip-content {
    background-color: var(--fpui-chart-tooltip-background);
    color: var(--fpui-chart-tooltip-text);
  }
}
.fpui-chart-xaxis-label text,
.fpui-chart-yaxis-label text,
.fpui-chart-legend-label text {
  fill: var(--fpui-chart-axis-label) !important;
}
@media not print {
  .dark .fpui-chart-xaxis-label text,
  .dark .fpui-chart-yaxis-label text,
  .dark .fpui-chart-legend-label text {
    fill: var(--fpui-chart-axis-label) !important;
  }
}
:root {
  --fpui-flying-focus-border-color: var(--color-mpetrol-8);
}
:root.dark {
  --fpui-flying-focus-border-color: var(--color-mpetrol-3);
}
:root {
  --fpui-step-indicator-border-color: var(--color-mpetrol-2);
}
:root.dark {
  --fpui-step-indicator-border-color: var(--color-mpetrol-9);
}
:root {
  --fpui-table-border-color: var(--color-mpetrol-2);
}
:root.dark {
  --fpui-table-border-color: var(--color-mpetrol-8);
}
:root {
  --fpui-step-indicator-step-complete-icon-background: var(--color-mpetrol-2);
  --fpui-step-indicator-step-complete-icon-text-color: var(--color-mwhite);
  --fpui-step-indicator-step-complete-icon-border-color: var(--color-mpetrol-2);
  --fpui-step-indicator-step-complete-icon-background-mobile: var(--color-mpetrol-6);
  --fpui-step-indicator-step-complete-icon-border-color-mobile: var(--color-mpetrol-6);
  --fpui-step-indicator-step-current-icon-background: var(--color-mpetrol-8);
  --fpui-step-indicator-step-current-icon-text-color: var(--color-mwhite);
  --fpui-step-indicator-step-current-icon-border-color: var(--color-mpetrol-8);
  --fpui-step-indicator-step-upcoming-icon-background: transparent;
  --fpui-step-indicator-step-upcoming-icon-text-color: var(--color-mgrey-6);
  --fpui-step-indicator-step-upcoming-icon-border-color: var(--color-mgrey-6);
  --fpui-step-indicator-step-label-text-color: var(--color-mpetrol-8);
  --fpui-step-indicator-separator-background: var(--color-mgrey-4);
}
:root.dark {
  --fpui-step-indicator-step-complete-icon-background: var(--color-mpetrol-9);
  --fpui-step-indicator-step-complete-icon-text-color: var(--color-mpetrol-3);
  --fpui-step-indicator-step-complete-icon-border-color: var(--color-mpetrol-3);
  --fpui-step-indicator-step-complete-icon-background-mobile: var(--color-mpetrol-6);
  --fpui-step-indicator-step-complete-icon-border-color-mobile: var(--color-mpetrol-6);
  --fpui-step-indicator-step-current-icon-background: var(--color-mpetrol-3);
  --fpui-step-indicator-step-current-icon-text-color: var(--color-mpetrol-10);
  --fpui-step-indicator-step-current-icon-border-color: var(--color-mpetrol-3);
  --fpui-step-indicator-step-upcoming-icon-background: transparent;
  --fpui-step-indicator-step-upcoming-icon-text-color: var(--color-mpetrol-4);
  --fpui-step-indicator-step-upcoming-icon-border-color: var(--color-mpetrol-4);
  --fpui-step-indicator-step-label-text-color: var(--color-mpetrol-3);
  --fpui-step-indicator-separator-background: var(--color-mpetrol-8);
}
:root {
  --fpui-link-variant-petrol-text-color: var(--color-mpetrol-8);
  --fpui-link-variant-black-text-color: var(--color-mgrey-7);
  --fpui-link-hover-text-color: var(--color-mgrey-7);
}
:root.dark {
  --fpui-link-variant-petrol-text-color: var(--color-mpetrol-3);
  --fpui-link-variant-black-text-color: var(--color-mwhite);
  --fpui-link-hover-text-color: var(--color-mwhite);
}
:root {
  --fpui-button-primary-background-color: var(--color-myellow-3);
  --fpui-button-primary-border-color: var(--color-myellow-3);
  --fpui-button-primary-text-color: var(--color-mpetrol-8);
  --fpui-button-primary-background-disabled-color: var(--color-mgrey-5);
  --fpui-button-primary-border-disabled-color: var(--color-mgrey-5);
  --fpui-button-primary-text-disabled-color: var(--color-mwhite);
  --fpui-button-secondary-background-color: var(--color-mwhite);
  --fpui-button-secondary-border-color: var(--color-mpetrol-8);
  --fpui-button-secondary-text-color: var(--color-mpetrol-8);
  --fpui-button-secondary-border-disabled-color: var(--color-mgrey-5);
  --fpui-button-secondary-text-disabled-color: var(--color-mgrey-5);
}
:root.dark {
  --fpui-button-primary-background-color: var(--color-myellow-3);
  --fpui-button-primary-border-color: var(--color-myellow-3);
  --fpui-button-primary-text-color: var(--color-mpetrol-10);
  --fpui-button-primary-background-disabled-color: var(--color-mpetrol-7);
  --fpui-button-primary-border-disabled-color: var(--color-mpetrol-7);
  --fpui-button-primary-text-disabled-color: var(--color-mpetrol-10);
  --fpui-button-secondary-background-color: var(--color-mpetrol-10);
  --fpui-button-secondary-border-color: var(--color-mpetrol-3);
  --fpui-button-secondary-text-color: var(--color-mpetrol-3);
  --fpui-button-secondary-border-disabled-color: var(--color-mpetrol-7);
  --fpui-button-secondary-text-disabled-color: var(--color-mpetrol-7);
}
:root {
  --fpui-interest-condition-background-negative: var(--color-mred-1);
  --fpui-interest-condition-background-positive: var(--color-mpetrol-2);
  --fpui-interest-condition-text-color-negative: var(--color-mred-3);
  --fpui-interest-condition-text-color-positive: var(--color-mpetrol-7);
}
:root.dark {
  --fpui-interest-condition-background-negative: var(--color-mred-4);
  --fpui-interest-condition-background-positive: var(--color-mpetrol-8);
  --fpui-interest-condition-text-color-negative: var(--color-mred-2);
  --fpui-interest-condition-text-color-positive: var(--color-mpetrol-3);
}
:root {
  --fpui-menu-item-border-color: var(--color-mpetrol-2);
  --fpui-menu-item-bg-hover-color: var(--color-mpetrol-2);
  --fpui-menu-item-bg-focus-color: var(--color-mpetrol-2);
}
:root.dark {
  --fpui-menu-item-border-color: var(--color-mpetrol-9);
  --fpui-menu-item-bg-hover-color: var(--color-mpetrol-11);
  --fpui-menu-item-bg-focus-color: var(--color-mpetrol-11);
}
:root {
  --fpui-number-stepper-border-color-active: var(--color-mpetrol-8);
  --fpui-number-stepper-border-color-disabled: var(--color-mgrey-5);
  --fpui-number-stepper-border-color-invalid: var(--color-mred-3);
  --fpui-number-stepper-background-color-hover: var(--color-mpetrol-2);
  --fpui-number-stepper-text-color-invalid: var(--color-mred-3);
  --fpui-number-stepper-text-color-disabled: var(--color-mgrey-5);
  --fpui-number-stepper-icon-border-color-hover: var(--color-mgrey-7);
}
:root.dark {
  --fpui-number-stepper-border-color-active: var(--color-mpetrol-3);
  --fpui-number-stepper-border-color-disabled: var(--color-mpetrol-7);
  --fpui-number-stepper-border-color-invalid: var(--color-mred-2);
  --fpui-number-stepper-background-color-hover: var(--color-mpetrol-9);
  --fpui-number-stepper-text-color-invalid: var(--color-mred-2);
  --fpui-number-stepper-text-color-disabled: var(--color-mpetrol-7);
  --fpui-number-stepper-icon-border-color-hover: var(--color-mgrey-1);
}
:root {
  --fpui-select-link-background: var(--color-mwhite);
  --fpui-select-link-border-color: var(--color-mpetrol-8);
  --fpui-select-link-border-color-hover: var(--color-mpetrol-4);
}
:root.dark {
  --fpui-select-link-background: var(--color-mpetrol-10);
  --fpui-select-link-border-color: var(--color-mpetrol-3);
  --fpui-select-link-border-color-hover: var(--color-mgray-5);
}
.fpui-select--link__item .fpui-link {
  height: 3em;
  line-height: 3em;
}
:root {
  --fpui-score-bar-background-petrol-1: var(--color-mpetrol-8);
  --fpui-score-bar-background-red: var(--color-mred-3);
  --fpui-score-bar-background-orange: var(--color-morange-2);
  --fpui-score-bar-background-yellow: var(--color-myellow-3);
  --fpui-score-bar-background-petrol-2: var(--color-mpetrol-4);
}
:root.dark {
  --fpui-score-bar-background-petrol-1: var(--color-mpetrol-3);
  --fpui-score-bar-background-red: var(--color-mred-2);
  --fpui-score-bar-background-orange: var(--color-morange-2);
  --fpui-score-bar-background-yellow: var(--color-myellow-3);
  --fpui-score-bar-background-petrol-2: var(--color-mpetrol-7);
}
:root {
  --fpui-tag-bg-color-petrol: var(--color-mpetrol-2);
  --fpui-tag-bg-color-grey: var(--color-mgrey-3);
  --fpui-tag-bg-color-blue: var(--color-mblue-1);
  --fpui-tag-bg-color-red: var(--color-mred-1);
  --fpui-tag-bg-color-green: var(--color-mgreen-1);
  --fpui-tag-text-color-petrol: var(--color-mpetrol-8);
  --fpui-tag-text-color-grey: var(--color-mgrey-7);
  --fpui-tag-text-color-blue: var(--color-mblue-3);
  --fpui-tag-text-color-red: var(--color-mred-3);
  --fpui-tag-text-color-green: var(--color-mgreen-4);
  --fpui-tag-border-color-petrol: var(--color-mpetrol-2);
  --fpui-tag-border-color-grey: var(--color-mgrey-3);
  --fpui-tag-border-color-blue: var(--color-mblue-1);
  --fpui-tag-border-color-red: var(--color-mred-1);
  --fpui-tag-border-color-green: var(--color-mgreen-1);
  --fpui-tag-border-color-hover-petrol: var(--color-mpetrol-8);
  --fpui-tag-border-color-hover-grey: var(--color-mgrey-7);
  --fpui-tag-border-color-hover-blue: var(--color-mblue-3);
  --fpui-tag-border-color-hover-red: var(--color-mred-3);
  --fpui-tag-border-color-hover-green: var(--color-mgreen-4);
}
:root.dark {
  --fpui-tag-bg-color-petrol: var(--color-mpetrol-8);
  --fpui-tag-bg-color-grey: var(--color-mgrey-7);
  --fpui-tag-bg-color-blue: var(--color-mblue-4);
  --fpui-tag-bg-color-red: var(--color-mred-4);
  --fpui-tag-bg-color-green: var(--color-mgreen-4);
  --fpui-tag-text-color-petrol: var(--color-mpetrol-3);
  --fpui-tag-text-color-grey: var(--color-mgrey-4);
  --fpui-tag-text-color-blue: var(--color-mblue-2);
  --fpui-tag-text-color-red: var(--color-mred-2);
  --fpui-tag-text-color-green: var(--color-mgreen-2);
  --fpui-tag-border-color-petrol: var(--color-mpetrol-8);
  --fpui-tag-border-color-grey: var(--color-mgrey-7);
  --fpui-tag-border-color-blue: var(--color-mblue-4);
  --fpui-tag-border-color-red: var(--color-mred-4);
  --fpui-tag-border-color-green: var(--color-mgreen-4);
  --fpui-tag-border-color-hover-petrol: var(--color-mpetrol-3);
  --fpui-tag-border-color-hover-grey: var(--color-mgrey-4);
  --fpui-tag-border-color-hover-blue: var(--color-mblue-2);
  --fpui-tag-border-color-hover-red: var(--color-mred-2);
  --fpui-tag-border-color-hover-green: var(--color-mgreen-2);
}
:root {
  --fpui-toggle-color-unchecked-bg-area-normal: var(--color-mgrey-4);
  --fpui-toggle-color-unchecked-bg-area-hover: var(--color-mpetrol-3);
  --fpui-toggle-color-checked-bg-area-normal: var(--color-mpetrol-8);
  --fpui-toggle-color-checked-bg-area-hover: var(--color-mpetrol-3);
  --fpui-toggle-color-bg-area-disabled: var(--color-mgrey-1);
  --fpui-toggle-color-border-circle-disabled: var(--color-mgrey-5);
  --fpui-toggle-color-border-circle-normal: var(--color-mpetrol-8);
  --fpui-toggle-color-bg-circle-normal: var(--color-mwhite);
}
:root.dark {
  --fpui-toggle-color-unchecked-bg-area-normal: var(--color-mpetrol-8);
  --fpui-toggle-color-unchecked-bg-area-hover: var(--color-mpetrol-7);
  --fpui-toggle-color-checked-bg-area-normal: var(--color-mpetrol-3);
  --fpui-toggle-color-checked-bg-area-hover: var(--color-mpetrol-7);
  --fpui-toggle-color-bg-area-disabled: var(--color-mpetrol-9);
  --fpui-toggle-color-border-circle-disabled: var(--color-mpetrol-7);
  --fpui-toggle-color-border-circle-normal: var(--color-mpetrol-3);
  --fpui-toggle-color-bg-circle-normal: var(--color-mpetrol-10);
}
.fpui-toggle-input {
  width: 42px;
  background-color: var(--fpui-toggle-color-unchecked-bg-area-normal);
}
@media (forced-colors: active) {
  .fpui-toggle-input {
    border-width: 0.09rem;
  }
}
.fpui-toggle-input {
  transition: background-color 0.2s ease;
}
.fpui-toggle-input::before {
  content: "\200b";
  -webkit-user-select: none;
  user-select: none;
}
.fpui-toggle-input::after {
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  border-width: 0.09rem;
  border-style: solid;
  border-color: var(--fpui-toggle-color-border-circle-normal);
  background-color: var(--fpui-toggle-color-bg-circle-normal);
  border-radius: 50%;
  line-height: 1.5rem;
  transition: all 0.2s ease;
  transition-property: transform, border-color;
  content: "";
  -webkit-user-select: none;
  user-select: none;
}
.fpui-toggle-input:hover:not(:disabled) {
  background-color: var(--fpui-toggle-color-unchecked-bg-area-hover);
}
.fpui-toggle-input:checked {
  background-color: var(--fpui-toggle-color-checked-bg-area-normal);
  transition: background-color 0.2s ease;
}
.fpui-toggle-input:checked::after {
  border-color: var(--fpui-toggle-color-border-circle-normal);
  background-color: var(--fpui-toggle-color-bg-circle-normal);
  transform: translateX(18px);
  transition: all 0.2s ease;
  transition-property: transform, border-color;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.5 6.5L3.5 9.5L11.5 0.5' stroke='%23004B5A' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.dark .fpui-toggle-input:checked::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.5 6.5L3.5 9.5L11.5 0.5' stroke='%23A6D8D9' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}
.fpui-toggle-input:checked:hover:not(:disabled) {
  background-color: var(--fpui-toggle-color-checked-bg-area-hover);
}
.fpui-toggle-input:disabled {
  background-color: var(--fpui-toggle-color-bg-area-disabled);
}
@media (forced-colors: active) {
  .fpui-toggle-input:disabled {
    border-color: GrayText;
  }
}
.fpui-toggle-input:disabled::after {
  border-color: var(--fpui-toggle-color-border-circle-disabled);
}
.fpui-toggle-input:checked:disabled {
  background-color: var(--fpui-toggle-color-bg-area-disabled);
}
.fpui-toggle-input:checked:disabled::after {
  border-color: var(--fpui-toggle-color-border-circle-disabled);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.5 6.5L3.5 9.5L11.5 0.5' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}
.dark .fpui-toggle-input:checked:disabled::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.5 6.5L3.5 9.5L11.5 0.5' stroke='%23067079' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}
:root {
  --fpui-radio-bg-color-checked: var(--color-mpetrol-8);
  --fpui-radio-bg-color-unchecked: var(--color-mwhite);
  --fpui-radio-bg-color-disabled: var(--color-mgrey-5);
  --fpui-radio-text-color-normal: var(--color-mgrey-7);
  --fpui-radio-text-color-disabled: var(--color-mgrey-7);
  --fpui-radio-border-color-normal: var(--color-mpetrol-8);
  --fpui-radio-border-color-disabled: var(--color-mgrey-7);
  --fpui-radio-border-color-hover: var(--color-mpetrol-8);
  --fpui-radio-ring-color-hover: var(--color-mpetrol-8);
}
:root.dark {
  --fpui-radio-bg-color-checked: var(--color-mpetrol-3);
  --fpui-radio-bg-color-unchecked: var(--color-mpetrol-10);
  --fpui-radio-bg-color-disabled: var(--color-mpetrol-5);
  --fpui-radio-text-color-normal: var(--color-mgrey-1);
  --fpui-radio-text-color-disabled: var(--color-mpetrol-5);
  --fpui-radio-border-color-normal: var(--color-mpetrol-3);
  --fpui-radio-border-color-disabled: var(--color-mpetrol-5);
  --fpui-radio-border-color-hover: var(--color-mpetrol-3);
  --fpui-radio-ring-color-hover: var(--color-mpetrol-3);
}
:root {
  --fpui-rating-bg-color-active: var(--color-mpetrol-8);
  --fpui-rating-bg-color-normal: var(--color-mpetrol-2);
}
:root.dark {
  --fpui-rating-bg-color-active: var(--color-mpetrol-3);
  --fpui-rating-bg-color-normal: var(--color-mpetrol-9);
}
:root {
  --fpui-select-border-color: var(--color-mpetrol-8);
  --fpui-select-option-border-color: var(--color-mpetrol-2);
  --fpui-select-bg-color: var(--color-mwhite);
  --fpui-select-option-bg-color-active: var(--color-mpetrol-2);
  --fpui-select-option-bg-color-hover: var(--color-mpetrol-2);
  --fpui-select-option-bg-color-selected: var(--color-mpetrol-2);
}
:root.dark {
  --fpui-select-border-color: var(--color-mpetrol-3);
  --fpui-select-option-border-color: var(--color-mpetrol-9);
  --fpui-select-bg-color: var(--color-mpetrol-10);
  --fpui-select-option-bg-color-active: var(--color-mpetrol-11);
  --fpui-select-option-bg-color-hover: var(--color-mpetrol-11);
  --fpui-select-option-bg-color-selected: var(--color-mpetrol-11);
}
:root {
  --fpui-movement-icon-bg-color: var(--color-mpetrol-1);
  --fpui-movement-icon-status-bg-color: var(--color-morange-2);
}
:root.dark {
  --fpui-movement-icon-bg-color: var(--color-mpetrol-11);
  --fpui-movement-icon-status-bg-color: var(--color-morange-2);
}
:root {
  --fpui-countdown-circle-stroke-color-normal: var(--color-mpetrol-8);
  --fpui-countdown-circle-stroke-color-critical: var(--color-mred-3);
  --fpui-countdown-circle-fill-color-normal: var(--color-mpetrol-1);
  --fpui-countdown-circle-fill-color-critical: var(--color-mred-1);
  --fpui-countdown-circle-text-color-normal: var(--color-mpetrol-8);
  --fpui-countdown-circle-text-color-critical: var(--color-mred-3);
}
:root.dark {
  --fpui-countdown-circle-stroke-color-normal: var(--color-mpetrol-2);
  --fpui-countdown-circle-stroke-color-critical: var(--color-mred-2);
  --fpui-countdown-circle-fill-color-normal: var(--color-mpetrol-9);
  --fpui-countdown-circle-fill-color-critical: var(--color-mred-4);
  --fpui-countdown-circle-text-color-normal: var(--color-mpetrol-2);
  --fpui-countdown-circle-text-color-critical: var(--color-mred-2);
}
:root {
  --fpui-skeleton-bg-color: var(--color-mgrey-2);
}
:root.dark {
  --fpui-skeleton-bg-color: var(--color-mpetrol-11);
}
:root {
  --fpui-list-item-hover-bg-color: var(--color-mpetrol-2);
  --fpui-list-item-border-color: var(--color-mpetrol-2);
}
:root.dark {
  --fpui-list-item-hover-bg-color: var(--color-mpetrol-9);
  --fpui-list-item-border-color: var(--color-mpetrol-8);
}
:root {
  --fpui-panel-grid-border-color: var(--color-mpetrol-2);
  --fpui-panel-grid-bg-color: var(--color-mwhite);
  --fpui-panel-grid-ring-color: var(--color-mpetrol-2);
  --fpui-panel-grid-ring-offset-color: var(--color-mwhite);
}
:root.dark {
  --fpui-panel-grid-border-color: var(--color-mpetrol-8);
  --fpui-panel-grid-bg-color: var(--color-mpetrol-10);
  --fpui-panel-grid-ring-color: var(--color-mpetrol-8);
  --fpui-panel-grid-ring-offset-color: var(--color-mpetrol-10);
}
:root {
  --fpui-search-results-list-border-color: var(--color-mpetrol-2);
  --fpui-search-results-text-color: var(--color-mpetrol-8);
  --fpui-search-results-text-hover-color: var(--color-mgrey-7);
  --fpui-search-results-item-text-color: var(--color-mgrey-7);
}
:root.dark {
  --fpui-search-results-list-border-color: var(--color-mpetrol-2);
  --fpui-search-results-text-color: var(--color-mpetrol-3);
  --fpui-search-results-text-hover-color: var(--color-mwhite);
  --fpui-search-results-item-text-color: var(--color-mpetrol-3);
}
:root {
  --fpui-countdown-text-color-normal: var(--color-mpetrol-8);
  --fpui-countdown-text-color-disabled: var(--color-mpetrol-3);
  --fpui-countdown-text-color-unit: var(--color-mgrey-7);
  --fpui-countdown-bg-color: var(--color-mpetrol-1);
}
:root.dark {
  --fpui-countdown-text-color-normal: var(--color-mpetrol-3);
  --fpui-countdown-text-color-disabled: var(--color-mpetrol-8);
  --fpui-countdown-text-color-unit: var(--color-mgrey-1);
  --fpui-countdown-bg-color: var(--color-mpetrol-9);
}
:root {
  --fpui-toggle-grid-item-title-color: var(--color-mpetrol-8);
  --fpui-toggle-grid-item-title-color-disabled: var(--color-mgrey-5);
  --fpui-toggle-grid-item-border-color-default: var(--color-mpetrol-8);
  --fpui-toggle-grid-item-border-color-hover: var(--color-mgrey-7);
  --fpui-toggle-grid-item-border-color-disabled: var(--color-mgrey-5);
  --fpui-toggle-grid-item-border-color-error: var(--color-mred-3);
  --fpui-toggle-grid-item-banner-background-color: var(--color-mpetrol-8);
  --fpui-toggle-grid-item-banner-background-color-disabled: var(--color-mgrey-5);
  --fpui-toggle-grid-item-banner-border-color: var(--color-mpetrol-8);
  --fpui-toggle-grid-item-banner-text-color: var(--color-mwhite);
}
:root.dark {
  --fpui-toggle-grid-item-title-color: var(--color-mpetrol-3);
  --fpui-toggle-grid-item-title-color-disabled: var(--color-mpetrol-7);
  --fpui-toggle-grid-item-border-color-default: var(--color-mpetrol-3);
  --fpui-toggle-grid-item-border-color-hover: var(--color-mgrey-1);
  --fpui-toggle-grid-item-border-color-disabled: var(--color-mpetrol-7);
  --fpui-toggle-grid-item-border-color-error: var(--color-mred-2);
  --fpui-toggle-grid-item-banner-background-color: var(--color-mpetrol-3);
  --fpui-toggle-grid-item-banner-background-color-disabled: var(--color-mpetrol-3);
  --fpui-toggle-grid-item-banner-border-color: var(--color-mpetrol-3);
  --fpui-toggle-grid-item-banner-text-color: var(--color-mpetrol-10);
}
:root {
  --fpui-rich-content-toggle-selection-media-background-color: var(--color-mpetrol-1);
}
:root.dark {
  --fpui-rich-content-toggle-selection-media-background-color: var(--color-mpetrol-11);
}
:root {
  --fpui-password-validity-background: var(--color-mgrey-1);
}
:root.dark {
  --fpui-password-validity-background: var(--color-mpetrol-9);
}
:root {
  --fpui-bottom-sheet-background: var(--color-mwhite);
}
:root.dark {
  --fpui-bottom-sheet-background: var(--color-mpetrol-10);
}
:root {
  --fpui-quicklinks-background: var(--color-mwhite);
  --fpui-quicklinks-background-hover: var(--color-mpetrol-2);
  --fpui-quicklinks-text-color: var(--color-mpetrol-8);
  --fpui-quicklinks-text-color-hover: var(--color-mgrey-7);
  --fpui-quicklinks-border-color: var(--color-mpetrol-2);
}
:root.dark {
  --fpui-quicklinks-background: var(--color-mpetrol-10);
  --fpui-quicklinks-background-hover: var(--color-mpetrol-9);
  --fpui-quicklinks-text-color: var(--color-mpetrol-3);
  --fpui-quicklinks-text-color-hover: var(--color-mgrey-1);
  --fpui-quicklinks-border-color: var(--color-mpetrol-8);
}
:root {
  --fpui-timeline-item-headline-text-color: var(--color-mpetrol-8);
  --fpui-timeline-item-status-text-color: var(--color-mgrey-7);
  --fpui-timeline-item-label-text-color: var(--color-mgrey-6);
  --fpui-timeline-item-content-text-color: var(--color-mgrey-7);
  --fpui-timeline-item-hover-background-color: var(--color-mpetrol-2);
  --fpui-timeline-item-line-text-color: var(--color-mpetrol-2);
}
:root.dark {
  --fpui-timeline-item-headline-text-color: var(--color-mpetrol-3);
  --fpui-timeline-item-status-text-color: var(--color-mpetrol-4);
  --fpui-timeline-item-label-text-color: var(--color-mgrey-5);
  --fpui-timeline-item-content-text-color: var(--color-mgrey-1);
  --fpui-timeline-item-hover-background-color: var(--color-mpetrol-8);
  --fpui-timeline-item-line-text-color: var(--color-mpetrol-8);
}
:root {
  --fpui-product-card-text-color: var(--color-mpetrol-8);
  --fpui-product-card-icon-color: var(--color-mpetrol-1);
  --fpui-product-card-divider-color: var(--color-mpetrol-2);
}
:root.dark {
  --fpui-product-card-text-color: var(--color-mpetrol-3);
  --fpui-product-card-icon-color: var(--color-mpetrol-11);
  --fpui-product-card-divider-color: var(--color-mpetrol-8);
}
:root {
  --fpui-tab-color-icon: var(--color-mpetrol-8);
  --fpui-tab-color-border: var(--color-mpetrol-2);
  --fpui-tab-color-indicator: var(--color-mpetrol-8);
  --fpui-tab-color-text: var(--color-mgrey-7);
}
:root.dark {
  --fpui-tab-color-icon: var(--color-mpetrol-3);
  --fpui-tab-color-border: var(--color-mpetrol-9);
  --fpui-tab-color-indicator: var(--color-mpetrol-3);
  --fpui-tab-color-text: var(--color-mgrey-1);
}
@media (forced-colors: active) {
  :root [aria-selected=false]:not(:hover) {
    border-color: Canvas;
  }
  :root [aria-selected=true]:not(.border-fpui-tab-color-indicator):not(:hover) {
    border-color: Canvas;
  }
}
:root {
  --fpui-feedback-dialog-background: var(--color-mpetrol-1);
  --fpui-feedback-dialog-border-color: var(--color-mpetrol-3);
  --fpui-feedback-dialog-text-color: var(--color-mpetrol-8);
}
:root.dark {
  --fpui-feedback-dialog-background: var(--color-mpetrol-11);
  --fpui-feedback-dialog-border-color: var(--color-mpetrol-7);
  --fpui-feedback-dialog-text-color: var(--color-mpetrol-3);
}
:root {
  --fpui-adbanner-neutral-background-color: var(--color-mwhite);
  --fpui-adbanner-neutral-border-color: var(--color-mpetrol-2);
  --fpui-adbanner-neutral-icon-text-color: var(--color-mpetrol-8);
  --fpui-adbanner-neutral-icon-background-color: var(--color-mpetrol-1);
  --fpui-adbanner-neutral-icon-text-hover-color: var(--color-mgrey-7);
  --fpui-adbanner-neutral-text-color: var(--color-mpetrol-8);
  --fpui-adbanner-highlight-background-color: var(--color-mpetrol-8);
  --fpui-adbanner-highlight-icon-text-color: var(--color-mpetrol-3);
  --fpui-adbanner-highlight-icon-text-hover-color: var(--color-mgrey-1);
  --fpui-adbanner-highlight-text-color: var(--color-mwhite);
}
:root.dark {
  --fpui-adbanner-tag-dark-exception-border-color: var(--color-mpetrol-9);
  --fpui-adbanner-tag-dark-exception-background-color: var(--color-mpetrol-9);
  --fpui-adbanner-neutral-background-color: var(--color-mpetrol-10);
  --fpui-adbanner-neutral-border-color: var(--color-mpetrol-8);
  --fpui-adbanner-neutral-icon-text-color: var(--color-mpetrol-3);
  --fpui-adbanner-neutral-icon-background-color: var(--color-mpetrol-9);
  --fpui-adbanner-neutral-icon-text-hover-color: var(--color-mgrey-1);
  --fpui-adbanner-neutral-text-color: var(--color-mpetrol-3);
  --fpui-adbanner-highlight-background-color: var(--color-mpetrol-8);
  --fpui-adbanner-highlight-icon-text: var(--color-mpetrol-3);
  --fpui-adbanner-highlight-icon-text-hover-color: var(--color-mgrey-1);
  --fpui-adbanner-highlight-text-color: var(--color-mwhite);
}
:root {
  --fpui-feedback-toggle-text-color: var(--color-mpetrol-8);
  --fpui-feedback-toggle-background: var(--color-mwhite);
  --fpui-feedback-toggle-background-active: var(--color-mpetrol-8);
  --fpui-feedback-toggle-border-color: var(--color-mpetrol-8);
  --fpui-feedback-toggle-border-color-hover: var(--color-mpetrol-8);
  --fpui-feedback-toggle-icon-color: var(--color-mwhite);
}
:root.dark {
  --fpui-feedback-toggle-text-color: var(--color-mpetrol-3);
  --fpui-feedback-toggle-background: var(--color-mpetrol-10);
  --fpui-feedback-toggle-background-active: var(--color-mpetrol-3);
  --fpui-feedback-toggle-border-color: var(--color-mpetrol-3);
  --fpui-feedback-toggle-border-color-hover: var(--color-mpetrol-3);
  --fpui-feedback-toggle-icon-color: var(--color-mpetrol-10);
}
:root {
  --fpui-error-text-color: var(--color-mred-3);
}
:root.dark {
  --fpui-error-text-color: var(--color-mred-1);
}
:root {
  --fpui-visual-password-strength-default: var(--color-mgrey-6);
  --fpui-visual-password-strength-red: var(--color-mred-3);
  --fpui-visual-password-strength-orange: var(--color-morange-2);
  --fpui-visual-password-strength-green: var(--color-mgreen-3);
}
:root.dark {
  --fpui-visual-password-strength-default: var(--color-mgrey-5);
  --fpui-visual-password-strength-red: var(--color-mred-2);
  --fpui-visual-password-strength-orange: var(--color-morange-2);
  --fpui-visual-password-strength-green: var(--color-mgreen-2);
}
:root {
  --fpui-step-progress-indicator-background: var(--color-mgrey-1);
  --fpui-step-progress-indicator-text: var(--color-mgrey-7);
  --fpui-step-progress-indicator-icon-active: var(--color-mgreen-3);
  --fpui-step-progress-indicator-icon-inactive: var(--color-mgrey-6);
}
:root.dark {
  --fpui-step-progress-indicator-background: var(--color-mpetrol-9);
  --fpui-step-progress-indicator-text: var(--color-mgrey-1);
  --fpui-step-progress-indicator-icon: var(--color-mgrey-7);
  --fpui-step-progress-indicator-icon-active: var(--color-mgreen-2);
  --fpui-step-progress-indicator-icon-inactive: var(--color-mgrey-5);
}
:root {
  --fpui-step-progress-indicator-bars-active: var(--color-mgreen-3);
  --fpui-step-progress-indicator-bars-inactive: var(--color-mgrey-6);
}
:root.dark {
  --fpui-step-progress-indicator-bars-active: var(--color-mgreen-2);
  --fpui-step-progress-indicator-bars-inactive: var(--color-mgrey-5);
}
:root {
  --fpui-scala-investor-profile-background: var(--color-mgrey-1);
  --fpui-scala-investor-profile-text-new: var(--color-mpetrol-8);
  --fpui-scala-investor-profile-text-same: var(--color-mpetrol-8);
  --fpui-scala-investor-profile-text-old: var(--color-mgrey-7);
  --fpui-scala-investor-profile-text-default: var(--color-mgrey-7);
  --fpui-scala-investor-profile-label-text-new: var(--color-mpetrol-8);
  --fpui-scala-investor-profile-label-text-same: var(--color-mpetrol-8);
  --fpui-scala-investor-profile-label-text-old: var(--color-mgrey-7);
  --fpui-scala-investor-profile-axis-stroke: var(--color-mgrey-7);
  --fpui-scala-investor-profile-axis-label: var(--color-mgrey-7);
  --fpui-scala-investor-profile-line-stroke: var(--color-mpetrol-8);
  --fpui-scala-investor-profile-line-dot: var(--color-mpetrol-8);
}
:root.dark {
  --fpui-scala-investor-profile-background: var(--color-mpetrol-9);
  --fpui-scala-investor-profile-text-new: var(--color-mpetrol-3);
  --fpui-scala-investor-profile-text-same: var(--color-mpetrol-3);
  --fpui-scala-investor-profile-text-old: var(--color-mgrey-1);
  --fpui-scala-investor-profile-text-default: var(--color-mgrey-1);
  --fpui-scala-investor-profile-label-text-new: var(--color-mpetrol-8);
  --fpui-scala-investor-profile-label-text-same: var(--color-mpetrol-8);
  --fpui-scala-investor-profile-label-text-old: var(--color-mgrey-7);
  --fpui-scala-investor-profile-axis-stroke: var(--color-mpetrol-4);
  --fpui-scala-investor-profile-axis-label: var(--color-mgrey-1);
  --fpui-scala-investor-profile-line-stroke: var(--color-mpetrol-3);
  --fpui-scala-investor-profile-line-dot: var(--color-mpetrol-3);
}
:root {
  --fpui-widget-edit-background: var(--color-mwhite);
  --fpui-widget-edit-border: var(--color-mpetrol-8);
  --fpui-widget-edit-border-hover: var(--color-mgrey-7);
  --fpui-widget-edit-drag-label: var(--color-mpetrol-8);
  --fpui-widget-edit-drag-label-hover: var(--color-mgrey-7);
  --fpui-widget-edit-drag-icon: var(--color-mpetrol-8);
  --fpui-widget-edit-drag-icon-hover: var(--color-mgrey-7);
  --fpui-widget-edit-drag-placeholder-background: var(--color-mpetrol-3);
  --fpui-widget-edit-delete-icon: var(--color-mpetrol-8);
  --fpui-widget-edit-vertical-background: var(--color-mpetrol-1);
  --fpui-widget-edit-vertical-background-hover: var(--color-mpetrol-2);
  --fpui-widget-edit-vertical-input-border: var(--color-mpetrol-8);
  --fpui-widget-edit-vertical-input-text: var(--color-mgrey-7);
  --fpui-widget-edit-vertical-input-background: var(--color-mwhite);
  --fpui-widget-edit-vertical-icon: var(--color-mpetrol-8);
  --fpui-widget-edit-vertical-icon-hover: var(--color-mgrey-7);
}
:root.dark {
  --fpui-widget-edit-background: var(--color-mpetrol-10);
  --fpui-widget-edit-border: var(--color-mpetrol-3);
  --fpui-widget-edit-border-hover: var(--color-mgrey-1);
  --fpui-widget-edit-drag-label: var(--color-mpetrol-3);
  --fpui-widget-edit-drag-label-hover: var(--color-mgrey-1);
  --fpui-widget-edit-drag-icon: var(--color-mpetrol-3);
  --fpui-widget-edit-drag-icon-hover: var(--color-mgrey-1);
  --fpui-widget-edit-drag-placeholder-background: var(--color-mblack);
  --fpui-widget-edit-delete-icon: var(--color-mpetrol-3);
  --fpui-widget-edit-vertical-background: var(--color-mpetrol-11);
  --fpui-widget-edit-vertical-background-hover: var(--color-mpetrol-9);
  --fpui-widget-edit-vertical-input-border: var(--color-mpetrol-3);
  --fpui-widget-edit-vertical-input-text: var(--color-mgrey-1);
  --fpui-widget-edit-vertical-input-background: var(--color-mpetrol-10);
  --fpui-widget-edit-vertical-icon: var(--color-mpetrol-3);
  --fpui-widget-edit-vertical-icon-hover: var(--color-mgrey-1);
}
:root {
  --fpui-widget-background: var(--color-mwhite);
  --fpui-widget-background-hover: var(--color-mpetrol-2);
}
:root.dark {
  --fpui-widget-background: var(--color-mpetrol-10);
  --fpui-widget-background-hover: var(--color-mpetrol-9);
}
:root {
  --fpui-attribute-loader-background: var(--color-mgrey-1);
  --fpui-attribute-loader-border-color: transparent;
  --fpui-attribute-loader-text-color: var(--color-mgrey-7);
}
:root.dark {
  --fpui-attribute-loader-background: var(--color-mpetrol-9);
  --fpui-attribute-loader-border-color: var(--color-mpetrol-4);
  --fpui-attribute-loader-text-color: var(--color-mwhite);
}
:root {
  --fpui-card-background-color: var(--color-mwhite);
}
:root.dark {
  --fpui-card-background-color: var(--color-mpetrol-10);
}
:root {
  --fpui-accordion-background-petrol: var(--color-mpetrol-1);
  --fpui-accordion-background-white: var(--color-mwhite);
  --fpui-accordion-background-hover: var(--color-mpetrol-2);
  --fpui-accordion-border-white: var(--color-mpetrol-2);
  --fpui-accordion-text-subtitle: var(--color-mgrey-6);
}
:root.dark {
  --fpui-accordion-background-petrol: var(--color-mpetrol-11);
  --fpui-accordion-background-white: var(--color-mpetrol-10);
  --fpui-accordion-background-hover: var(--color-mpetrol-9);
  --fpui-accordion-border-white: var(--color-mpetrol-8);
  --fpui-accordion-text-subtitle: var(--color-mgrey-5);
}
:root {
  --fpui-widget-shop-background: var(--color-mwhite);
  --fpui-widget-shop-border: var(--color-mpetrol-8);
  --fpui-widget-shop-border-active: var(--color-mgrey-7);
}
:root.dark {
  --fpui-widget-shop-background: var(--color-mpetrol-10);
  --fpui-widget-shop-border: var(--color-mpetrol-3);
  --fpui-widget-shop-border-active: var(--color-mgrey-1);
}
:root {
  --fpui-notification-card-border-success-color: var(--color-mgreen-3);
  --fpui-notification-card-text-success-color: var(--color-mgreen-3);
  --fpui-notification-card-border-error-color: var(--color-mred-3);
  --fpui-notification-card-text-error-color: var(--color-mred-3);
}
:root.dark {
  --fpui-notification-card-border-success-color: var(--color-mgreen-2);
  --fpui-notification-card-text-success-color: var(--color-mgreen-2);
  --fpui-notification-card-border-error-color: var(--color-mred-2);
  --fpui-notification-card-text-error-color: var(--color-mred-2);
}
:root {
  --fpui-notification-border-info-color: var(--color-mblue-3);
  --fpui-notification-text-info-color: var(--color-mblue-3);
  --fpui-notification-border-success-color: var(--color-mgreen-3);
  --fpui-notification-text-success-color: var(--color-mgreen-3);
  --fpui-notification-border-error-color: var(--color-mred-3);
  --fpui-notification-text-error-color: var(--color-mred-3);
}
:root.dark {
  --fpui-notification-border-info-color: var(--color-mblue-2);
  --fpui-notification-text-info-color: var(--color-mblue-2);
  --fpui-notification-border-success-color: var(--color-mgreen-2);
  --fpui-notification-text-success-color: var(--color-mgreen-2);
  --fpui-notification-border-error-color: var(--color-mred-2);
  --fpui-notification-text-error-color: var(--color-mred-2);
}
:root {
  --fpui-tooltip-text-color: var(--color-mblue-3);
  --fpui-tooltip-invalid-text-color: var(--color-mred-3);
  --fpui-tooltip-border-color: var(--color-mblue-2);
  --fpui-tooltip-invalid-border-color: var(--color-mred-2);
  --fpui-tooltip-background-color: var(--color-mwhite);
}
:root.dark {
  --fpui-tooltip-text-color: var(--color-text-mblue-2);
  --fpui-tooltip-invalid-text-color: var(--color-mred-2);
  --fpui-tooltip-border-color: var(--color-mblue-2);
  --fpui-tooltip-invalid-border-color: var(--color-mred-2);
  --fpui-tooltip-background-color: var(--color-mpetrol-10);
}
:root {
  --fpui-hover-reveal-content-background-color: var(--color-mwhite);
  --fpui-hover-reveal-content-border-color: var(--color-mpetrol-8);
}
:root.dark {
  --fpui-hover-reveal-content-background-color: var(--color-mpetrol-9);
  --fpui-hover-reveal-content-border-color: var(--color-mpetrol-3);
}
:root {
  --fpui-color-primary: var(--color-mpetrol-8);
  --fpui-color-secondary: var(--color-mpetrol-8);
  --fpui-color-background: var(--color-mpetrol-1);
  --fpui-color-surface: var(--color-mgrey-2);
  --fpui-color-text: var(--color-mpetrol-11);
  --fpui-color-accent: var(--color-myellow-3);
  --fpui-logo-mark-color: var(--color-mwhite);
  --fpui-logo-type-color: var(--color-mpetrol-8);
  --fpui-logo-mark-without-type-color: var(--color-mpetrol-8);
  --fpui-splash-background: var(--color-myellow-3);
  --fpui-footer-background: var(--color-mpetrol-1);
  --fpui-footer-border-top-color: var(--color-mpetrol-2);
  --fpui-header-flyout-background: var(--color-mwhite);
  --fpui-show-more-text-color: var(--color-mpetrol-8);
  --fpui-show-more-text-color-hover: var(--color-mgrey-7);
  --fpui-progress-spinner-color: var(--color-mpetrol-8);
  --fpui-progress-spinner-background: var(--color-mwhite);
}
:root.dark {
  --fpui-color-primary: var(--color-mpetrol-3);
  --fpui-color-secondary: var(--color-mpetrol-7);
  --fpui-color-background: var(--color-mpetrol-11);
  --fpui-color-surface: var(--color-zpetrol-10);
  --fpui-color-text: var(--color-mpetrol-1);
  --fpui-color-accent: var(--color-myellow-3);
  --fpui-logo-mark-color: var(--color-myellow-3);
  --fpui-logo-type-color: var(--color-mwhite);
  --fpui-logo-mark-without-type-color: var(--color-myellow-3);
  --fpui-splash-background: var(--color-mpetrol-8);
  --fpui-footer-background: var(--color-mpetrol-11);
  --fpui-footer-border-top-color: var(--color-mpetrol-8);
  --fpui-header-flyout-background: var(--color-mpetrol-10);
  --fpui-show-more-text-color: var(--color-mpetrol-3);
  --fpui-show-more-text-color-hover: var(--color-mgrey-1);
  --fpui-progress-spinner-color: var(--color-myellow-3);
  --fpui-progress-spinner-background: var(--color-mpetrol-8);
}
@media print {
  :root.dark * {
    --fpui-color-primary: var(--color-mpetrol-8);
    --fpui-color-secondary: var(--color-mpetrol-8);
    --fpui-color-background: var(--color-mpetrol-1);
    --fpui-color-surface: var(--color-mgrey-2);
    --fpui-color-text: var(--color-mblack);
    --fpui-color-accent: var(--color-myellow-3);
    --fpui-logo-mark-color: var( --color-myellow-3 );
    --fpui-logo-type-color: var(--color-mpetrol-8);
    --fpui-logo-mark-without-type-color: var(--color-mpetrol-8);
    --fpui-splash-background: var(--color-myellow-3);
    --fpui-footer-background: var(--color-mpetrol-1);
    --fpui-footer-border-top-color: var(--color-mpetrol-2);
    --fpui-header-flyout-background: var(--color-mwhite);
    --fpui-show-more-text-color: var(--color-mpetrol-8);
    --fpui-show-more-text-color-hover: var(--color-mgrey-7);
    --fpui-progress-spinner-color: var(--color-mpetrol-8);
    --fpui-progress-spinner-background: var(--color-mwhite);
  }
}
@font-face {
  font-family: "PostFinance Grotesk";
  font-weight: 100 500;
  src: url("./media/PostFinanceGrotesk-Regular-82-AFB3FOFH.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "PostFinance Grotesk";
  font-weight: 600 900;
  src: url("./media/PostFinanceGrotesk-Bold-HPP7CYRK.woff2") format("woff2");
  font-display: swap;
}
html {
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
}
strong {
  font-weight: 700;
}
.list-disc,
.list-decimal {
  margin-left: 1rem;
}
.list-disc li,
.list-decimal li {
  padding-left: 0.75rem;
}
.list-disc li ul,
.list-decimal li ul {
  margin-top: 0.5rem;
  margin-left: 1.25rem;
}
.list-disc li ul li + li,
.list-decimal li ul li + li {
  margin-top: 0.25rem;
}
.list-disc li + li,
.list-decimal li + li {
  margin-top: 0.5rem;
}
.hyphens-auto {
  -webkit-hyphens: auto;
  hyphens: auto;
}
.hyphens-manual {
  -webkit-hyphens: manual;
  hyphens: manual;
}
.hyphens-none {
  -webkit-hyphens: none;
  hyphens: none;
}
*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: currentColor;
}
::before,
::after {
  --tw-content: "";
}
html,
:host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  font-family:
    ui-sans-serif,
    system-ui,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
  line-height: inherit;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp,
pre {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
dialog {
  padding: 0;
}
textarea {
  resize: vertical;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}
button,
[role=button] {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
[hidden] {
  display: none;
}
html {
  font-family: var(--font-family);
}
*,
::before,
::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
html {
  font-size: 1rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1rem;
  line-height: 1.3125rem;
}
.container {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 376px) {
  .container {
    max-width: 376px;
  }
}
@media (min-width: 576px) {
  .container {
    max-width: 576px;
  }
}
@media (min-width: 769px) {
  .container {
    max-width: 769px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 992px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}
@media (min-width: 1440px) {
  .container {
    max-width: 1440px;
  }
}
.cc-text-xs {
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.cc-text-sm {
  font-size: 0.875rem;
  line-height: 1.4375rem;
}
.cc-text-base {
  font-size: 1rem;
}
.cc-text-xs-heading {
  font-size: 0.75rem;
  line-height: 1rem;
}
.cc-text-sm-heading {
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.cc-text-base-heading {
  font-size: 1rem;
  line-height: 1.3125rem;
}
.cc-text-lg-heading {
  font-size: 1.125rem;
  line-height: 1.4375rem;
}
.cc-text-xl-heading {
  font-size: 1.5rem;
  line-height: 1.9375rem;
}
.cc-text-2xl-heading {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.color-adjust-exact {
  color-adjust: exact !important;
  -webkit-print-color-adjust: exact !important;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.\!static {
  position: static !important;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0;
}
.inset-\[4px\] {
  inset: 4px;
}
.-bottom-1 {
  bottom: -0.25rem;
}
.-bottom-4 {
  bottom: -1rem;
}
.-right-1 {
  right: -0.25rem;
}
.-top-\[3px\] {
  top: -3px;
}
.bottom-0 {
  bottom: 0;
}
.bottom-5 {
  bottom: 1.25rem;
}
.bottom-\[2px\] {
  bottom: 2px;
}
.left-0 {
  left: 0;
}
.left-3 {
  left: 0.75rem;
}
.left-5 {
  left: 1.25rem;
}
.right-0 {
  right: 0;
}
.right-2 {
  right: 0.5rem;
}
.right-3 {
  right: 0.75rem;
}
.right-4 {
  right: 1rem;
}
.right-5 {
  right: 1.25rem;
}
.right-\[20px\] {
  right: 20px;
}
.top-0 {
  top: 0;
}
.top-1 {
  top: 0.25rem;
}
.top-10 {
  top: 2.5rem;
}
.top-2 {
  top: 0.5rem;
}
.top-3 {
  top: 0.75rem;
}
.top-5 {
  top: 1.25rem;
}
.top-\[20px\] {
  top: 20px;
}
.top-\[3px\] {
  top: 3px;
}
.top-\[50px\] {
  top: 50px;
}
.top-full {
  top: 100%;
}
.-z-1 {
  z-index: -1;
}
.z-0 {
  z-index: 0;
}
.z-1 {
  z-index: 1;
}
.z-10 {
  z-index: 10;
}
.z-100 {
  z-index: 100;
}
.z-200 {
  z-index: 200;
}
.z-300 {
  z-index: 300;
}
.z-50 {
  z-index: 50;
}
.z-\[1000\] {
  z-index: 1000;
}
.z-top {
  z-index: 1001;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-first {
  order: -9999;
}
.order-none {
  order: 0;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-full {
  grid-column: 1 / -1;
}
.col-start-1 {
  grid-column-start: 1;
}
.row-start-1 {
  grid-row-start: 1;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.-m-px {
  margin: -0.09rem;
}
.m-0 {
  margin: 0;
}
.m-1 {
  margin: 0.25rem;
}
.m-3 {
  margin: 0.75rem;
}
.m-4 {
  margin: 1rem;
}
.m-\[2px\] {
  margin: 2px;
}
.m-auto {
  margin: auto;
}
.-mx-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
.-my-2 {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}
.-my-5 {
  margin-top: -1.25rem;
  margin-bottom: -1.25rem;
}
.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-px {
  margin-top: 0.09rem;
  margin-bottom: 0.09rem;
}
.\!mb-8 {
  margin-bottom: 2rem !important;
}
.\!mt-3 {
  margin-top: 0.75rem !important;
}
.\!mt-6 {
  margin-top: 1.5rem !important;
}
.\!mt-\[-1px\] {
  margin-top: -1px !important;
}
.-mb-5 {
  margin-bottom: -1.25rem;
}
.-mr-1 {
  margin-right: -0.25rem;
}
.-mt-10 {
  margin-top: -2.5rem;
}
.-mt-2px {
  margin-top: -2px;
}
.-mt-6 {
  margin-top: -1.5rem;
}
.-mt-8 {
  margin-top: -2rem;
}
.mb-0 {
  margin-bottom: 0;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-15 {
  margin-bottom: 3.75rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-24 {
  margin-bottom: 6rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-9 {
  margin-bottom: 2.25rem;
}
.mb-\[-4\.5px\] {
  margin-bottom: -4.5px;
}
.mb-headingDefaultMargin {
  margin-bottom: 1.111111111111111em;
}
.me-1 {
  margin-inline-end: 0.25rem;
}
.me-2 {
  margin-inline-end: 0.5rem;
}
.me-4 {
  margin-inline-end: 1rem;
}
.ml-0 {
  margin-left: 0;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-5 {
  margin-left: 1.25rem;
}
.ml-8 {
  margin-left: 2rem;
}
.ml-\[-4\.5px\] {
  margin-left: -4.5px;
}
.ml-\[12px\] {
  margin-left: 12px;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-12 {
  margin-right: 3rem;
}
.mr-15 {
  margin-right: 3.75rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.mr-8 {
  margin-right: 2rem;
}
.mr-\[-1px\] {
  margin-right: -1px;
}
.mr-auto {
  margin-right: auto;
}
.mt-0 {
  margin-top: 0;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-15 {
  margin-top: 3.75rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-9 {
  margin-top: 2.25rem;
}
.mt-\[-1px\] {
  margin-top: -1px;
}
.mt-\[0\.25rem\] {
  margin-top: 0.25rem;
}
.mt-\[2px\] {
  margin-top: 2px;
}
.mt-\[50px\] {
  margin-top: 50px;
}
.mt-\[6px\] {
  margin-top: 6px;
}
.mt-auto {
  margin-top: auto;
}
.box-border {
  box-sizing: border-box;
}
.\!block {
  display: block !important;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.table-cell {
  display: table-cell;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.list-item {
  display: list-item;
}
.\!hidden {
  display: none !important;
}
.hidden {
  display: none;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.\!h-8 {
  height: 2rem !important;
}
.h-0 {
  height: 0;
}
.h-1 {
  height: 0.25rem;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-13 {
  height: 3.25rem;
}
.h-14 {
  height: 3.5rem;
}
.h-15 {
  height: 3.75rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-20 {
  height: 5rem;
}
.h-24 {
  height: 6rem;
}
.h-3 {
  height: 0.75rem;
}
.h-32 {
  height: 8rem;
}
.h-4 {
  height: 1rem;
}
.h-40 {
  height: 10rem;
}
.h-48 {
  height: 12rem;
}
.h-5 {
  height: 1.25rem;
}
.h-56 {
  height: 14rem;
}
.h-6 {
  height: 1.5rem;
}
.h-60 {
  height: 15rem;
}
.h-64 {
  height: 16rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-96 {
  height: 24rem;
}
.h-\[0\.09rem\] {
  height: 0.09rem;
}
.h-\[130px\] {
  height: 130px;
}
.h-\[19px\] {
  height: 19px;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[23px\] {
  height: 23px;
}
.h-\[241px\] {
  height: 241px;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[34px\] {
  height: 34px;
}
.h-\[400px\] {
  height: 400px;
}
.h-\[4px\] {
  height: 4px;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[600px\] {
  height: 600px;
}
.h-\[6px\] {
  height: 6px;
}
.h-\[96px\] {
  height: 96px;
}
.h-auto {
  height: auto;
}
.h-fit {
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.max-h-64 {
  max-height: 16rem;
}
.max-h-7 {
  max-height: 1.75rem;
}
.max-h-\[24px\] {
  max-height: 24px;
}
.max-h-\[32px\] {
  max-height: 32px;
}
.max-h-\[calc\(100vh-380px\)\] {
  max-height: calc(100vh - 380px);
}
.max-h-dialog-medium {
  max-height: calc(100vh - 9.5rem);
}
.max-h-dialog-small {
  max-height: calc(100vh - 12.5rem);
}
.min-h-14 {
  min-height: 3.5rem;
}
.min-h-6 {
  min-height: 1.5rem;
}
.min-h-8 {
  min-height: 2rem;
}
.min-h-\[1\.25rem\] {
  min-height: 1.25rem;
}
.min-h-\[130px\] {
  min-height: 130px;
}
.min-h-\[335px\] {
  min-height: 335px;
}
.min-h-\[5\.5rem\] {
  min-height: 5.5rem;
}
.min-h-\[54px\] {
  min-height: 54px;
}
.min-h-\[55px\] {
  min-height: 55px;
}
.min-h-\[80px\] {
  min-height: 80px;
}
.min-h-\[calc\(100vh-80px\)\] {
  min-height: calc(100vh - 80px);
}
.min-h-full {
  min-height: 100%;
}
.\!w-1\/3 {
  width: 33.333333% !important;
}
.\!w-full {
  width: 100% !important;
}
.w-0 {
  width: 0;
}
.w-1 {
  width: 0.25rem;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-1\/4 {
  width: 25%;
}
.w-1\/6 {
  width: 16.666667%;
}
.w-10 {
  width: 2.5rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\/12 {
  width: 16.666667%;
}
.w-2\/4 {
  width: 50%;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-3 {
  width: 0.75rem;
}
.w-32 {
  width: 8rem;
}
.w-37 {
  width: 9.25rem;
}
.w-4 {
  width: 1rem;
}
.w-40 {
  width: 10rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-5\/12 {
  width: 41.666667%;
}
.w-5\/6 {
  width: 83.333333%;
}
.w-6 {
  width: 1.5rem;
}
.w-60 {
  width: 15rem;
}
.w-64 {
  width: 16rem;
}
.w-8 {
  width: 2rem;
}
.w-96 {
  width: 24rem;
}
.w-\[23px\] {
  width: 23px;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[34px\] {
  width: 34px;
}
.w-\[4px\] {
  width: 4px;
}
.w-auto {
  width: auto;
}
.w-full {
  width: 100%;
}
.w-min {
  width: min-content;
}
.w-screen {
  width: 100vw;
}
.min-w-0 {
  min-width: 0;
}
.min-w-6 {
  min-width: 1.5rem;
}
.min-w-64 {
  min-width: 16rem;
}
.min-w-\[1\.5rem\] {
  min-width: 1.5rem;
}
.min-w-\[200px\] {
  min-width: 200px;
}
.min-w-\[40px\] {
  min-width: 40px;
}
.min-w-\[96px\] {
  min-width: 96px;
}
.min-w-full {
  min-width: 100%;
}
.max-w-128 {
  max-width: 32rem;
}
.max-w-75 {
  max-width: 18.75rem;
}
.max-w-96 {
  max-width: 24rem;
}
.max-w-\[24px\] {
  max-width: 24px;
}
.max-w-\[464px\] {
  max-width: 464px;
}
.max-w-\[800px\] {
  max-width: 800px;
}
.max-w-\[96px\] {
  max-width: 96px;
}
.max-w-full {
  max-width: 100%;
}
.max-w-rowbig {
  max-width: 31.25rem;
}
.max-w-sm {
  max-width: 18rem;
}
.max-w-xl {
  max-width: 68.75rem;
}
.max-w-xxl {
  max-width: 87.5rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-2 {
  flex: 2 2 0%;
}
.flex-3 {
  flex: 3 3 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-none {
  flex: none;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.flex-grow-0 {
  flex-grow: 0;
}
.grow {
  flex-grow: 1;
}
.grow-0 {
  flex-grow: 0;
}
.basis-full {
  flex-basis: 100%;
}
.table-auto {
  table-layout: auto;
}
.table-fixed {
  table-layout: fixed;
}
.translate-x-0 {
  --tw-translate-x: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
  --tw-translate-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\!cursor-default {
  cursor: default !important;
}
.cursor-default {
  cursor: default;
}
.cursor-move {
  cursor: move;
}
.cursor-nesw-resize {
  cursor: nesw-resize;
}
.cursor-nwse-resize {
  cursor: nwse-resize;
}
.cursor-pointer {
  cursor: pointer;
}
.touch-auto {
  touch-action: auto;
}
.touch-none {
  touch-action: none;
}
.touch-manipulation {
  touch-action: manipulation;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.select-all {
  -webkit-user-select: all;
  user-select: all;
}
.resize-none {
  resize: none;
}
.resize {
  resize: both;
}
.list-decimal {
  list-style-type: decimal;
}
.list-disc {
  list-style-type: "\2022";
}
.list-none {
  list-style-type: none;
}
.appearance-none {
  -webkit-appearance: none;
  appearance: none;
}
.grid-flow-row-dense {
  grid-auto-flow: row dense;
}
.auto-rows-fr {
  grid-auto-rows: minmax(0, 1fr);
}
.auto-rows-min {
  grid-auto-rows: min-content;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[1fr\,1fr\,1fr\] {
  grid-template-columns: 1fr 1fr 1fr;
}
.grid-cols-\[1fr_auto\] {
  grid-template-columns: 1fr auto;
}
.grid-cols-\[2fr\,1fr\,1fr\] {
  grid-template-columns: 2fr 1fr 1fr;
}
.grid-cols-\[3fr\,1fr\] {
  grid-template-columns: 3fr 1fr;
}
.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.grid-rows-\[auto_1fr\] {
  grid-template-rows: auto 1fr;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.place-content-center {
  place-content: center;
}
.place-content-between {
  place-content: space-between;
}
.place-items-center {
  place-items: center;
}
.content-start {
  align-content: flex-start;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.\!items-center {
  align-items: center !important;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-evenly {
  justify-content: space-evenly;
}
.justify-items-center {
  justify-items: center;
}
.gap-0 {
  gap: 0;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-px {
  gap: 0.09rem;
}
.gap-x-10 {
  column-gap: 2.5rem;
}
.gap-x-4 {
  column-gap: 1rem;
}
.gap-x-5 {
  column-gap: 1.25rem;
}
.gap-x-6 {
  column-gap: 1.5rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.gap-y-4 {
  row-gap: 1rem;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-10 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(0.09rem * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(0.09rem * var(--tw-divide-y-reverse));
}
.divide-mpetrol-2 > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--color-mpetrol-2);
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.self-stretch {
  align-self: stretch;
}
.justify-self-start {
  justify-self: start;
}
.justify-self-end {
  justify-self: end;
}
.justify-self-center {
  justify-self: center;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.hyphens-none {
  -webkit-hyphens: none;
  hyphens: none;
}
.hyphens-auto {
  -webkit-hyphens: auto;
  hyphens: auto;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre {
  white-space: pre;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.text-wrap {
  text-wrap: wrap;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.\!rounded-full {
  border-radius: 9999px !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[0\.25rem\] {
  border-radius: 0.25rem;
}
.rounded-\[6px\] {
  border-radius: 6px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 16px;
}
.rounded-max {
  border-radius: 9999px;
}
.rounded-md {
  border-radius: 8px;
}
.rounded-none {
  border-radius: 0px;
}
.rounded-sm {
  border-radius: 4px;
}
.rounded-xl {
  border-radius: 20px;
}
.rounded-xs {
  border-radius: 2px;
}
.rounded-b-xl {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.rounded-l {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-r {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.rounded-r-sm {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.rounded-t-md {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.rounded-t-none {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.rounded-t-xl {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.rounded-bl-md {
  border-bottom-left-radius: 8px;
}
.rounded-br-md {
  border-bottom-right-radius: 8px;
}
.border {
  border-width: 0.09rem;
}
.border-1 {
  border-width: 0.09rem;
}
.border-2 {
  border-width: 2px;
}
.border-y {
  border-top-width: 0.09rem;
  border-bottom-width: 0.09rem;
}
.border-y-1 {
  border-top-width: 0.09rem;
  border-bottom-width: 0.09rem;
}
.border-b {
  border-bottom-width: 0.09rem;
}
.border-b-1 {
  border-bottom-width: 0.09rem;
}
.border-b-3 {
  border-bottom-width: 3px;
}
.border-l {
  border-left-width: 0.09rem;
}
.border-l-0 {
  border-left-width: 0px;
}
.border-l-1 {
  border-left-width: 0.09rem;
}
.border-l-4 {
  border-left-width: 4px;
}
.border-t {
  border-top-width: 0.09rem;
}
.border-t-0 {
  border-top-width: 0px;
}
.border-t-1 {
  border-top-width: 0.09rem;
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.border-none {
  border-style: none;
}
.\!border-fpui-file-uploader-invalid-border-color {
  border-color: var(--fpui-file-uploader-invalid-border-color) !important;
}
.\!border-mpetrol-8 {
  border-color: var(--color-mpetrol-8) !important;
}
.border-\[var\(--fpui-chart-step-icon-active-border\)\] {
  border-color: var(--fpui-chart-step-icon-active-border);
}
.border-\[var\(--fpui-chart-step-icon-inactive-border\)\] {
  border-color: var(--fpui-chart-step-icon-inactive-border);
}
.border-fpui-accordion-border-white {
  border-color: var(--fpui-accordion-border-white);
}
.border-fpui-adbanner-neutral-border-color {
  border-color: var(--fpui-adbanner-neutral-border-color);
}
.border-fpui-attribute-loader-border-color {
  border-color: var(--fpui-attribute-loader-border-color);
}
.border-fpui-button-primary-border-color {
  border-color: var(--fpui-button-primary-border-color);
}
.border-fpui-button-secondary-border-color {
  border-color: var(--fpui-button-secondary-border-color);
}
.border-fpui-donut-chart-label-border-color {
  border-color: var(--fpui-donut-chart-label-border-color);
}
.border-fpui-donut-chart-label-interactive-border-color {
  border-color: var(--fpui-donut-chart-label-interactive-border-color);
}
.border-fpui-feedback-dialog-border-color {
  border-color: var(--fpui-feedback-dialog-border-color);
}
.border-fpui-feedback-toggle-border-color {
  border-color: var(--fpui-feedback-toggle-border-color);
}
.border-fpui-file-item-button-border-color {
  border-color: var(--fpui-file-item-button-border-color);
}
.border-fpui-file-uploader-border-color {
  border-color: var(--fpui-file-uploader-border-color);
}
.border-fpui-file-uploader-icon-border-color {
  border-color: var(--fpui-file-uploader-icon-border-color);
}
.border-fpui-flying-focus-border-color {
  border-color: var(--fpui-flying-focus-border-color);
}
.border-fpui-header-toolbar-button-flyout-border-color {
  border-color: var(--fpui-header-toolbar-button-flyout-border-color);
}
.border-fpui-hover-reveal-content-border-color {
  border-color: var(--fpui-hover-reveal-content-border-color);
}
.border-fpui-key-value-box-border-color {
  border-color: var(--fpui-key-value-box-border-color);
}
.border-fpui-list-item-border-color {
  border-color: var(--fpui-list-item-border-color);
}
.border-fpui-menu-item-border-color {
  border-color: var(--fpui-menu-item-border-color);
}
.border-fpui-notification-border-error-color {
  border-color: var(--fpui-notification-border-error-color);
}
.border-fpui-notification-border-info-color {
  border-color: var(--fpui-notification-border-info-color);
}
.border-fpui-notification-border-success-color {
  border-color: var(--fpui-notification-border-success-color);
}
.border-fpui-notification-card-border-error-color {
  border-color: var(--fpui-notification-card-border-error-color);
}
.border-fpui-notification-card-border-success-color {
  border-color: var(--fpui-notification-card-border-success-color);
}
.border-fpui-number-stepper-border-color-active {
  border-color: var(--fpui-number-stepper-border-color-active);
}
.border-fpui-number-stepper-border-color-disabled {
  border-color: var(--fpui-number-stepper-border-color-disabled);
}
.border-fpui-number-stepper-border-color-invalid {
  border-color: var(--fpui-number-stepper-border-color-invalid);
}
.border-fpui-panel-grid-border-color {
  border-color: var(--fpui-panel-grid-border-color);
}
.border-fpui-price-chart-empty-border-color {
  border-color: var(--fpui-price-chart-empty-border-color);
}
.border-fpui-price-chart-info-color {
  border-color: var(--fpui-price-chart-info-color);
}
.border-fpui-price-chart-tooltip-border-color {
  border-color: var(--fpui-price-chart-tooltip-border-color);
}
.border-fpui-quicklinks-border-color {
  border-color: var(--fpui-quicklinks-border-color);
}
.border-fpui-search-results-list-border-color {
  border-color: var(--fpui-search-results-list-border-color);
}
.border-fpui-select-link-border-color {
  border-color: var(--fpui-select-link-border-color);
}
.border-fpui-step-indicator-border-color {
  border-color: var(--fpui-step-indicator-border-color);
}
.border-fpui-step-indicator-step-complete-icon-border-color {
  border-color: var(--fpui-step-indicator-step-complete-icon-border-color);
}
.border-fpui-step-indicator-step-complete-icon-border-color-mobile {
  border-color: var(--fpui-step-indicator-step-complete-icon-border-color-mobile);
}
.border-fpui-step-indicator-step-current-icon-border-color {
  border-color: var(--fpui-step-indicator-step-current-icon-border-color);
}
.border-fpui-step-indicator-step-upcoming-icon-border-color {
  border-color: var(--fpui-step-indicator-step-upcoming-icon-border-color);
}
.border-fpui-tab-color-border {
  border-color: var(--fpui-tab-color-border);
}
.border-fpui-tab-color-indicator {
  border-color: var(--fpui-tab-color-indicator);
}
.border-fpui-table-border-color {
  border-color: var(--fpui-table-border-color);
}
.border-fpui-tag-border-color-blue {
  border-color: var(--fpui-tag-border-color-blue);
}
.border-fpui-tag-border-color-green {
  border-color: var(--fpui-tag-border-color-green);
}
.border-fpui-tag-border-color-grey {
  border-color: var(--fpui-tag-border-color-grey);
}
.border-fpui-tag-border-color-petrol {
  border-color: var(--fpui-tag-border-color-petrol);
}
.border-fpui-tag-border-color-red {
  border-color: var(--fpui-tag-border-color-red);
}
.border-fpui-tooltip-border-color {
  border-color: var(--fpui-tooltip-border-color);
}
.border-fpui-tooltip-invalid-border-color {
  border-color: var(--fpui-tooltip-invalid-border-color);
}
.border-fpui-widget-edit-border {
  border-color: var(--fpui-widget-edit-border);
}
.border-fpui-widget-edit-vertical-input-border {
  border-color: var(--fpui-widget-edit-vertical-input-border);
}
.border-fpui-widget-shop-border {
  border-color: var(--fpui-widget-shop-border);
}
.border-mblue-3 {
  border-color: var(--color-mblue-3);
}
.border-mgreen-2 {
  border-color: var(--color-mgreen-2);
}
.border-mgreen-3 {
  border-color: var(--color-mgreen-3);
}
.border-mgrey-3 {
  border-color: var(--color-mgrey-3);
}
.border-mgrey-6 {
  border-color: var(--color-mgrey-6);
}
.border-morange-2 {
  border-color: var(--color-morange-2);
}
.border-mpetrol-2 {
  border-color: var(--color-mpetrol-2);
}
.border-mpetrol-3 {
  border-color: var(--color-mpetrol-3);
}
.border-mpetrol-4 {
  border-color: var(--color-mpetrol-4);
}
.border-mpetrol-8 {
  border-color: var(--color-mpetrol-8);
}
.border-mred-2 {
  border-color: var(--color-mred-2);
}
.border-mred-3 {
  border-color: var(--color-mred-3);
}
.border-transparent {
  border-color: transparent;
}
.border-zgreen-2 {
  border-color: var(--color-zgreen-2);
}
.border-zgreen-3 {
  border-color: var(--color-zgreen-3);
}
.border-zgrey-2 {
  border-color: var(--color-zgrey-2);
}
.border-zgrey-3 {
  border-color: var(--color-zgrey-3);
}
.border-zgrey-4 {
  border-color: var(--color-zgrey-4);
}
.border-zgrey-5 {
  border-color: var(--color-zgrey-5);
}
.border-zpetrol-2 {
  border-color: var(--color-zpetrol-2);
}
.border-zpetrol-3 {
  border-color: var(--color-zpetrol-3);
}
.border-zpetrol-4 {
  border-color: var(--color-zpetrol-4);
}
.border-zpetrol-7 {
  border-color: var(--color-zpetrol-7);
}
.border-zpetrol-8 {
  border-color: var(--color-zpetrol-8);
}
.border-zpetrol-9 {
  border-color: var(--color-zpetrol-9);
}
.border-zred-4 {
  border-color: var(--color-zred-4);
}
.border-b-fpui-quicklinks-border-color {
  border-bottom-color: var(--fpui-quicklinks-border-color);
}
.border-b-mgrey-7 {
  border-bottom-color: var(--color-mgrey-7);
}
.border-b-mpetrol-1 {
  border-bottom-color: var(--color-mpetrol-1);
}
.border-b-mpetrol-3 {
  border-bottom-color: var(--color-mpetrol-3);
}
.border-b-zgrey-3 {
  border-bottom-color: var(--color-zgrey-3);
}
.border-l-fpui-chart-segment-1-color {
  border-left-color: var(--fpui-chart-segment-1);
}
.border-l-fpui-chart-segment-10-color {
  border-left-color: var(--fpui-chart-segment-10);
}
.border-l-fpui-chart-segment-2-color {
  border-left-color: var(--fpui-chart-segment-2);
}
.border-l-fpui-chart-segment-3-color {
  border-left-color: var(--fpui-chart-segment-3);
}
.border-l-fpui-chart-segment-4-color {
  border-left-color: var(--fpui-chart-segment-4);
}
.border-l-fpui-chart-segment-5-color {
  border-left-color: var(--fpui-chart-segment-5);
}
.border-l-fpui-chart-segment-6-color {
  border-left-color: var(--fpui-chart-segment-6);
}
.border-l-fpui-chart-segment-7-color {
  border-left-color: var(--fpui-chart-segment-7);
}
.border-l-fpui-chart-segment-8-color {
  border-left-color: var(--fpui-chart-segment-8);
}
.border-l-fpui-chart-segment-9-color {
  border-left-color: var(--fpui-chart-segment-9);
}
.border-l-fpui-chart-segment-brand-color {
  border-left-color: var(--fpui-chart-segment-brand);
}
.border-l-fpui-chart-segment-red-color {
  border-left-color: var(--fpui-chart-segment-red);
}
.border-r-fpui-number-stepper-border-color-active {
  border-right-color: var(--fpui-number-stepper-border-color-active);
}
.border-t-fpui-footer-border-top-color {
  border-top-color: var(--fpui-footer-border-top-color);
}
.border-t-fpui-quicklinks-border-color {
  border-top-color: var(--fpui-quicklinks-border-color);
}
.\!bg-fpui-file-uploader-invalid-background-color {
  background-color: var(--fpui-file-uploader-invalid-background-color) !important;
}
.\!bg-fpui-movement-icon-bg-color {
  background-color: var(--fpui-movement-icon-bg-color) !important;
}
.\!bg-zwhite {
  background-color: var(--color-zwhite) !important;
}
.bg-\[var\(--fpui-chart-plot-line-label-active-background\)\] {
  background-color: var(--fpui-chart-plot-line-label-active-background);
}
.bg-\[var\(--fpui-chart-plot-line-label-background\)\] {
  background-color: var(--fpui-chart-plot-line-label-background);
}
.bg-\[var\(--fpui-chart-step-icon-active-background\)\] {
  background-color: var(--fpui-chart-step-icon-active-background);
}
.bg-\[var\(--fpui-chart-step-indicator-active-background\)\] {
  background-color: var(--fpui-chart-step-indicator-active-background);
}
.bg-\[var\(--fpui-chart-step-indicator-inactive-background\)\] {
  background-color: var(--fpui-chart-step-indicator-inactive-background);
}
.bg-fpui-accordion-background-petrol {
  background-color: var(--fpui-accordion-background-petrol);
}
.bg-fpui-accordion-background-white {
  background-color: var(--fpui-accordion-background-white);
}
.bg-fpui-adbanner-highlight-background-color {
  background-color: var(--fpui-adbanner-highlight-background-color);
}
.bg-fpui-adbanner-neutral-background-color {
  background-color: var(--fpui-adbanner-neutral-background-color);
}
.bg-fpui-adbanner-neutral-icon-background-color {
  background-color: var(--fpui-adbanner-neutral-icon-background-color);
}
.bg-fpui-attribute-loader-background {
  background-color: var(--fpui-attribute-loader-background);
}
.bg-fpui-bottom-sheet-background {
  background-color: var(--fpui-bottom-sheet-background);
}
.bg-fpui-button-primary-background-color {
  background-color: var(--fpui-button-primary-background-color);
}
.bg-fpui-button-secondary-background-color {
  background-color: var(--fpui-button-secondary-background-color);
}
.bg-fpui-card-background-color {
  background-color: var(--fpui-card-background-color);
}
.bg-fpui-countdown-bg-color {
  background-color: var(--fpui-countdown-bg-color);
}
.bg-fpui-dialog-background-color {
  background-color: var(--fpui-dialog-background-color);
}
.bg-fpui-donut-chart-label-active-background-color {
  background-color: var(--fpui-donut-chart-label-active-background-color);
}
.bg-fpui-feedback-dialog-background {
  background-color: var(--fpui-feedback-dialog-background);
}
.bg-fpui-feedback-toggle-background {
  background-color: var(--fpui-feedback-toggle-background);
}
.bg-fpui-feedback-toggle-background-active {
  background-color: var(--fpui-feedback-toggle-background-active);
}
.bg-fpui-file-item-action-required-background-color {
  background-color: var(--fpui-file-item-action-required-background-color);
}
.bg-fpui-file-item-button-background-color {
  background-color: var(--fpui-file-item-button-background-color);
}
.bg-fpui-file-item-invalid-background-color {
  background-color: var(--fpui-file-item-invalid-background-color);
}
.bg-fpui-file-item-pending-background-color {
  background-color: var(--fpui-file-item-pending-background-color);
}
.bg-fpui-file-item-valid-background-color {
  background-color: var(--fpui-file-item-valid-background-color);
}
.bg-fpui-file-uploader-background-color {
  background-color: var(--fpui-file-uploader-background-color);
}
.bg-fpui-file-uploader-icon-background-color {
  background-color: var(--fpui-file-uploader-icon-background-color);
}
.bg-fpui-footer-background {
  background-color: var(--fpui-footer-background);
}
.bg-fpui-header-flyout-background {
  background-color: var(--fpui-header-flyout-background);
}
.bg-fpui-header-toolbar-button-active-indicator-background-color {
  background-color: var(--fpui-header-toolbar-button-active-indicator-background-color);
}
.bg-fpui-hover-reveal-content-background-color {
  background-color: var(--fpui-hover-reveal-content-background-color);
}
.bg-fpui-interest-condition-background-negative {
  background-color: var(--fpui-interest-condition-background-negative);
}
.bg-fpui-interest-condition-background-positive {
  background-color: var(--fpui-interest-condition-background-positive);
}
.bg-fpui-movement-icon-status-bg-color {
  background-color: var(--fpui-movement-icon-status-bg-color);
}
.bg-fpui-number-stepper-background-color-hover {
  background-color: var(--fpui-number-stepper-background-color-hover);
}
.bg-fpui-panel-grid-bg-color {
  background-color: var(--fpui-panel-grid-bg-color);
}
.bg-fpui-password-validity-background {
  background-color: var(--fpui-password-validity-background);
}
.bg-fpui-price-chart-keyboard-control-background-color {
  background-color: var(--fpui-price-chart-keyboard-control-background-color);
}
.bg-fpui-price-chart-tooltip-background-color {
  background-color: var(--fpui-price-chart-tooltip-background-color);
}
.bg-fpui-product-card-icon-color {
  background-color: var(--fpui-product-card-icon-color);
}
.bg-fpui-quicklinks-background {
  background-color: var(--fpui-quicklinks-background);
}
.bg-fpui-rating-bg-color-active {
  background-color: var(--fpui-rating-bg-color-active);
}
.bg-fpui-rating-bg-color-normal {
  background-color: var(--fpui-rating-bg-color-normal);
}
.bg-fpui-rich-content-toggle-selection-media-background-color {
  background-color: var(--fpui-rich-content-toggle-selection-media-background-color);
}
.bg-fpui-scala-investor-profile-background {
  background-color: var(--fpui-scala-investor-profile-background);
}
.bg-fpui-score-bar-background-orange {
  background-color: var(--fpui-score-bar-background-orange);
}
.bg-fpui-score-bar-background-petrol-1 {
  background-color: var(--fpui-score-bar-background-petrol-1);
}
.bg-fpui-score-bar-background-petrol-2 {
  background-color: var(--fpui-score-bar-background-petrol-2);
}
.bg-fpui-score-bar-background-red {
  background-color: var(--fpui-score-bar-background-red);
}
.bg-fpui-score-bar-background-yellow {
  background-color: var(--fpui-score-bar-background-yellow);
}
.bg-fpui-select-link-background {
  background-color: var(--fpui-select-link-background);
}
.bg-fpui-skeleton-bg-color {
  background-color: var(--fpui-skeleton-bg-color);
}
.bg-fpui-step-indicator-separator-background {
  background-color: var(--fpui-step-indicator-separator-background);
}
.bg-fpui-step-indicator-step-complete-icon-background {
  background-color: var(--fpui-step-indicator-step-complete-icon-background);
}
.bg-fpui-step-indicator-step-complete-icon-background-mobile {
  background-color: var(--fpui-step-indicator-step-complete-icon-background-mobile);
}
.bg-fpui-step-indicator-step-current-icon-background {
  background-color: var(--fpui-step-indicator-step-current-icon-background);
}
.bg-fpui-step-indicator-step-upcoming-icon-background {
  background-color: var(--fpui-step-indicator-step-upcoming-icon-background);
}
.bg-fpui-step-progress-indicator-background {
  background-color: var(--fpui-step-progress-indicator-background);
}
.bg-fpui-step-progress-indicator-bars-active {
  background-color: var(--fpui-step-progress-indicator-bars-active);
}
.bg-fpui-step-progress-indicator-bars-inactive {
  background-color: var(--fpui-step-progress-indicator-bars-inactive);
}
.bg-fpui-tag-bg-color-blue {
  background-color: var(--fpui-tag-bg-color-blue);
}
.bg-fpui-tag-bg-color-green {
  background-color: var(--fpui-tag-bg-color-green);
}
.bg-fpui-tag-bg-color-grey {
  background-color: var(--fpui-tag-bg-color-grey);
}
.bg-fpui-tag-bg-color-petrol {
  background-color: var(--fpui-tag-bg-color-petrol);
}
.bg-fpui-tag-bg-color-red {
  background-color: var(--fpui-tag-bg-color-red);
}
.bg-fpui-toggle-grid-item-banner-background-color {
  background-color: var(--fpui-toggle-grid-item-banner-background-color);
}
.bg-fpui-toggle-grid-item-banner-background-color-disabled {
  background-color: var(--fpui-toggle-grid-item-banner-background-color-disabled);
}
.bg-fpui-toggle-grid-item-border-color-default {
  background-color: var(--fpui-toggle-grid-item-border-color-default);
}
.bg-fpui-tooltip-background-color {
  background-color: var(--fpui-tooltip-background-color);
}
.bg-fpui-visual-password-strength-default {
  background-color: var(--fpui-visual-password-strength-default);
}
.bg-fpui-visual-password-strength-green {
  background-color: var(--fpui-visual-password-strength-green);
}
.bg-fpui-visual-password-strength-orange {
  background-color: var(--fpui-visual-password-strength-orange);
}
.bg-fpui-visual-password-strength-red {
  background-color: var(--fpui-visual-password-strength-red);
}
.bg-fpui-widget-background {
  background-color: var(--fpui-widget-background);
}
.bg-fpui-widget-edit-background {
  background-color: var(--fpui-widget-edit-background);
}
.bg-fpui-widget-edit-vertical-background {
  background-color: var(--fpui-widget-edit-vertical-background);
}
.bg-fpui-widget-edit-vertical-input-background {
  background-color: var(--fpui-widget-edit-vertical-input-background);
}
.bg-fpui-widget-shop-background {
  background-color: var(--fpui-widget-shop-background);
}
.bg-mblack {
  background-color: var(--color-mblack);
}
.bg-mblue-1 {
  background-color: var(--color-mblue-1);
}
.bg-mgreen-1 {
  background-color: var(--color-mgreen-1);
}
.bg-mgrey-1 {
  background-color: var(--color-mgrey-1);
}
.bg-mgrey-2 {
  background-color: var(--color-mgrey-2);
}
.bg-mgrey-6 {
  background-color: var(--color-mgrey-6);
}
.bg-mgrey-7 {
  background-color: var(--color-mgrey-7);
}
.bg-morange-1 {
  background-color: var(--color-morange-1);
}
.bg-mpetrol-1 {
  background-color: var(--color-mpetrol-1);
}
.bg-mpetrol-10 {
  background-color: var(--color-mpetrol-10);
}
.bg-mpetrol-11 {
  background-color: var(--color-mpetrol-11);
}
.bg-mpetrol-2 {
  background-color: var(--color-mpetrol-2);
}
.bg-mpetrol-3 {
  background-color: var(--color-mpetrol-3);
}
.bg-mpetrol-8 {
  background-color: var(--color-mpetrol-8);
}
.bg-mpetrol-9 {
  background-color: var(--color-mpetrol-9);
}
.bg-mred-1 {
  background-color: var(--color-mred-1);
}
.bg-mred-2 {
  background-color: var(--color-mred-2);
}
.bg-mwhite {
  background-color: var(--color-mwhite);
}
.bg-myellow-3 {
  background-color: var(--color-myellow-3);
}
.bg-opaque-black-100 {
  background-color: var(--color-black-transparent-10);
}
.bg-opaque-black-200 {
  background-color: var(--color-black-transparent-20);
}
.bg-overlay-100 {
  background-color: var(--color-overlay-10);
}
.bg-transparent {
  background-color: transparent;
}
.bg-zgrey-1 {
  background-color: var(--color-zgrey-1);
}
.bg-zgrey-3 {
  background-color: var(--color-zgrey-3);
}
.bg-zpetrol-1 {
  background-color: var(--color-zpetrol-1);
}
.bg-zpetrol-10 {
  background-color: var(--color-zpetrol-10);
}
.bg-zpetrol-2 {
  background-color: var(--color-zpetrol-2);
}
.bg-zred-4 {
  background-color: var(--color-zred-4);
}
.bg-zwhite {
  background-color: var(--color-zwhite);
}
.bg-none {
  background-image: none;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.fill-fpui-countdown-circle-fill-color-critical {
  fill: var(--fpui-countdown-circle-fill-color-critical);
}
.fill-fpui-countdown-circle-fill-color-normal {
  fill: var(--fpui-countdown-circle-fill-color-normal);
}
.fill-fpui-logo-mark {
  fill: var(--fpui-logo-mark-color);
}
.fill-fpui-logo-mark-without-type {
  fill: var(--fpui-logo-mark-without-type-color);
}
.fill-fpui-logo-type {
  fill: var(--fpui-logo-type-color);
}
.fill-fpui-scala-investor-profile-background {
  fill: var(--fpui-scala-investor-profile-background);
}
.fill-fpui-scala-investor-profile-line-dot {
  fill: var(--fpui-scala-investor-profile-line-dot);
}
.fill-mwhite {
  fill: var(--color-mwhite);
}
.fill-none {
  fill: none;
}
.stroke-fpui-countdown-circle-stroke-color-critical {
  stroke: var(--fpui-countdown-circle-stroke-color-critical);
}
.stroke-fpui-countdown-circle-stroke-color-normal {
  stroke: var(--fpui-countdown-circle-stroke-color-normal);
}
.stroke-fpui-scala-investor-profile-axis-stroke {
  stroke: var(--fpui-scala-investor-profile-axis-stroke);
}
.stroke-fpui-scala-investor-profile-background {
  stroke: var(--fpui-scala-investor-profile-background);
}
.stroke-fpui-scala-investor-profile-line-dot {
  stroke: var(--fpui-scala-investor-profile-line-dot);
}
.stroke-fpui-scala-investor-profile-line-stroke {
  stroke: var(--fpui-scala-investor-profile-line-stroke);
}
.stroke-myellow-3 {
  stroke: var(--color-myellow-3);
}
.stroke-2 {
  stroke-width: 2;
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.\!p-0 {
  padding: 0 !important;
}
.\!p-2 {
  padding: 0.5rem !important;
}
.p-0 {
  padding: 0;
}
.p-0\.5 {
  padding: 0.125rem;
}
.p-1 {
  padding: 0.25rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-12 {
  padding: 3rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-7 {
  padding: 1.75rem;
}
.p-8 {
  padding: 2rem;
}
.\!py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[0\.5rem\] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[6px\] {
  padding-top: 6px;
  padding-bottom: 6px;
}
.\!pb-0 {
  padding-bottom: 0 !important;
}
.\!pb-6 {
  padding-bottom: 1.5rem !important;
}
.\!pt-0 {
  padding-top: 0 !important;
}
.pb-0 {
  padding-bottom: 0;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pb-15 {
  padding-bottom: 3.75rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pb-px {
  padding-bottom: 0.09rem;
}
.pl-0 {
  padding-left: 0;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-12 {
  padding-left: 3rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-20 {
  padding-left: 5rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-\[77px\] {
  padding-left: 77px;
}
.pr-0 {
  padding-right: 0;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pt-0 {
  padding-top: 0;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-8 {
  padding-top: 2rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-start {
  text-align: start;
}
.text-end {
  text-align: end;
}
.align-baseline {
  vertical-align: baseline;
}
.align-middle {
  vertical-align: middle;
}
.align-bottom {
  vertical-align: bottom;
}
.font-grotesk {
  font-family:
    "PostFinance Grotesk",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji",
    emoji;
}
.text-2xl {
  font-size: 1.875rem;
}
.text-3xl {
  font-size: 2.375rem;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-base {
  font-size: 1rem;
}
.text-lg {
  font-size: 1.125rem;
}
.text-sm {
  font-size: 0.875rem;
}
.text-xl {
  font-size: 1.5rem;
}
.text-xs {
  font-size: 0.75rem;
}
.\!font-bold {
  font-weight: 700 !important;
}
.font-bold {
  font-weight: 700;
}
.font-inherit {
  font-weight: inherit;
}
.font-normal {
  font-weight: 400;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.\!leading-120 {
  line-height: 1.2 !important;
}
.leading-\[1\.5\] {
  line-height: 1.5;
}
.leading-\[160\%\] {
  line-height: 160%;
}
.leading-\[1\] {
  line-height: 1;
}
.leading-base-display {
  line-height: 1.3125rem;
}
.leading-none {
  line-height: 1;
}
.leading-sm-body {
  line-height: 1.4375rem;
}
.leading-sm-display {
  line-height: 1.125rem;
}
.leading-xs-body {
  line-height: 1.25rem;
}
.tracking-normal {
  letter-spacing: 0em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.\!text-fpui-number-stepper-text-color-disabled {
  color: var(--fpui-number-stepper-text-color-disabled) !important;
}
.text-\[var\(--fpui-chart-axis-label\)\] {
  color: var(--fpui-chart-axis-label);
}
.text-\[var\(--fpui-chart-plot-line-label-active-text\)\] {
  color: var(--fpui-chart-plot-line-label-active-text);
}
.text-\[var\(--fpui-chart-step-icon-active-color\)\] {
  color: var(--fpui-chart-step-icon-active-color);
}
.text-\[var\(--fpui-chart-step-icon-inactive-color\)\] {
  color: var(--fpui-chart-step-icon-inactive-color);
}
.text-\[var\(--fpui-chart-tooltip-text\)\] {
  color: var(--fpui-chart-tooltip-text);
}
.text-current {
  color: currentColor;
}
.text-fpui-accordion-text-subtitle {
  color: var(--fpui-accordion-text-subtitle);
}
.text-fpui-adbanner-highlight-icon-text-color {
  color: var(--fpui-adbanner-highlight-icon-text-color);
}
.text-fpui-adbanner-highlight-text-color {
  color: var(--fpui-adbanner-highlight-text-color);
}
.text-fpui-adbanner-neutral-icon-text-color {
  color: var(--fpui-adbanner-neutral-icon-text-color);
}
.text-fpui-adbanner-neutral-text-color {
  color: var(--fpui-adbanner-neutral-text-color);
}
.text-fpui-attribute-loader-text-color {
  color: var(--fpui-attribute-loader-text-color);
}
.text-fpui-button-primary-text-color {
  color: var(--fpui-button-primary-text-color);
}
.text-fpui-button-secondary-text-color {
  color: var(--fpui-button-secondary-text-color);
}
.text-fpui-countdown-circle-text-color-critical {
  color: var(--fpui-countdown-circle-text-color-critical);
}
.text-fpui-countdown-circle-text-color-normal {
  color: var(--fpui-countdown-circle-text-color-normal);
}
.text-fpui-countdown-text-color-disabled {
  color: var(--fpui-countdown-text-color-disabled);
}
.text-fpui-countdown-text-color-normal {
  color: var(--fpui-countdown-text-color-normal);
}
.text-fpui-countdown-text-color-unit {
  color: var(--fpui-countdown-text-color-unit);
}
.text-fpui-donut-chart-label-text-color {
  color: var(--fpui-donut-chart-label-text-color);
}
.text-fpui-error-text-color {
  color: var(--fpui-error-text-color);
}
.text-fpui-feedback-dialog-text-color {
  color: var(--fpui-feedback-dialog-text-color);
}
.text-fpui-feedback-toggle-icon-color {
  color: var(--fpui-feedback-toggle-icon-color);
}
.text-fpui-feedback-toggle-text-color {
  color: var(--fpui-feedback-toggle-text-color);
}
.text-fpui-file-item-invalid-text-color {
  color: var(--fpui-file-item-invalid-text-color);
}
.text-fpui-file-item-meta-text-color {
  color: var(--fpui-file-item-meta-text-color);
}
.text-fpui-file-item-text-color {
  color: var(--fpui-file-item-text-color);
}
.text-fpui-file-uploader-invalid-text-color {
  color: var(--fpui-file-uploader-invalid-text-color);
}
.text-fpui-file-uploader-text-color {
  color: var(--fpui-file-uploader-text-color);
}
.text-fpui-header-toolbar-button-text-color {
  color: var(--fpui-header-toolbar-button-text-color);
}
.text-fpui-interest-condition-text-color-negative {
  color: var(--fpui-interest-condition-text-color-negative);
}
.text-fpui-interest-condition-text-color-positive {
  color: var(--fpui-interest-condition-text-color-positive);
}
.text-fpui-key-value-box-description-text-color {
  color: var(--fpui-key-value-box-description-text-color);
}
.text-fpui-link-variant-black-text-color {
  color: var(--fpui-link-variant-black-text-color);
}
.text-fpui-link-variant-petrol-text-color {
  color: var(--fpui-link-variant-petrol-text-color);
}
.text-fpui-notification-card-text-error-color {
  color: var(--fpui-notification-card-text-error-color);
}
.text-fpui-notification-card-text-success-color {
  color: var(--fpui-notification-card-text-success-color);
}
.text-fpui-notification-text-error-color {
  color: var(--fpui-notification-text-error-color);
}
.text-fpui-notification-text-info-color {
  color: var(--fpui-notification-text-info-color);
}
.text-fpui-notification-text-success-color {
  color: var(--fpui-notification-text-success-color);
}
.text-fpui-number-stepper-text-color-invalid {
  color: var(--fpui-number-stepper-text-color-invalid);
}
.text-fpui-price-chart-info-color {
  color: var(--fpui-price-chart-info-color);
}
.text-fpui-product-card-text-color {
  color: var(--fpui-product-card-text-color);
}
.text-fpui-quicklinks-text-color {
  color: var(--fpui-quicklinks-text-color);
}
.text-fpui-scala-investor-profile-label-text-new {
  color: var(--fpui-scala-investor-profile-label-text-new);
}
.text-fpui-scala-investor-profile-label-text-old {
  color: var(--fpui-scala-investor-profile-label-text-old);
}
.text-fpui-scala-investor-profile-label-text-same {
  color: var(--fpui-scala-investor-profile-label-text-same);
}
.text-fpui-scala-investor-profile-text-default {
  color: var(--fpui-scala-investor-profile-text-default);
}
.text-fpui-scala-investor-profile-text-new {
  color: var(--fpui-scala-investor-profile-text-new);
}
.text-fpui-scala-investor-profile-text-old {
  color: var(--fpui-scala-investor-profile-text-old);
}
.text-fpui-scala-investor-profile-text-same {
  color: var(--fpui-scala-investor-profile-text-same);
}
.text-fpui-search-results-item-text-color {
  color: var(--fpui-search-results-item-text-color);
}
.text-fpui-search-results-text-color {
  color: var(--fpui-search-results-text-color);
}
.text-fpui-show-more-text-color {
  color: var(--fpui-show-more-text-color);
}
.text-fpui-step-indicator-step-complete-icon-text-color {
  color: var(--fpui-step-indicator-step-complete-icon-text-color);
}
.text-fpui-step-indicator-step-current-icon-text-color {
  color: var(--fpui-step-indicator-step-current-icon-text-color);
}
.text-fpui-step-indicator-step-label-text-color {
  color: var(--fpui-step-indicator-step-label-text-color);
}
.text-fpui-step-indicator-step-upcoming-icon-text-color {
  color: var(--fpui-step-indicator-step-upcoming-icon-text-color);
}
.text-fpui-step-progress-indicator-icon-active {
  color: var(--fpui-step-progress-indicator-icon-active);
}
.text-fpui-step-progress-indicator-icon-inactive {
  color: var(--fpui-step-progress-indicator-icon-inactive);
}
.text-fpui-step-progress-indicator-text {
  color: var(--fpui-step-progress-indicator-text);
}
.text-fpui-tab-color-icon {
  color: var(--fpui-tab-color-icon);
}
.text-fpui-tab-color-text {
  color: var(--fpui-tab-color-text);
}
.text-fpui-tag-text-color-blue {
  color: var(--fpui-tag-text-color-blue);
}
.text-fpui-tag-text-color-green {
  color: var(--fpui-tag-text-color-green);
}
.text-fpui-tag-text-color-grey {
  color: var(--fpui-tag-text-color-grey);
}
.text-fpui-tag-text-color-petrol {
  color: var(--fpui-tag-text-color-petrol);
}
.text-fpui-tag-text-color-red {
  color: var(--fpui-tag-text-color-red);
}
.text-fpui-text-base {
  color: var(--fpui-color-text);
}
.text-fpui-text-heading {
  color: var(--fpui-color-primary);
}
.text-fpui-timeline-item-headline-text-color {
  color: var(--fpui-timeline-item-headline-text-color);
}
.text-fpui-timeline-item-label-text-color {
  color: var(--fpui-timeline-item-label-text-color);
}
.text-fpui-timeline-item-line-text-color {
  color: var(--fpui-timeline-item-line-text-color);
}
.text-fpui-timeline-item-status-text-color {
  color: var(--fpui-timeline-item-status-text-color);
}
.text-fpui-toggle-grid-item-banner-text-color {
  color: var(--fpui-toggle-grid-item-banner-text-color);
}
.text-fpui-toggle-grid-item-title-color {
  color: var(--fpui-toggle-grid-item-title-color);
}
.text-fpui-toggle-grid-item-title-color-disabled {
  color: var(--fpui-toggle-grid-item-title-color-disabled);
}
.text-fpui-tooltip-invalid-text-color {
  color: var(--fpui-tooltip-invalid-text-color);
}
.text-fpui-tooltip-text-color {
  color: var(--fpui-tooltip-text-color);
}
.text-fpui-widget-edit-delete-icon {
  color: var(--fpui-widget-edit-delete-icon);
}
.text-fpui-widget-edit-drag-icon {
  color: var(--fpui-widget-edit-drag-icon);
}
.text-fpui-widget-edit-drag-label {
  color: var(--fpui-widget-edit-drag-label);
}
.text-fpui-widget-edit-vertical-icon {
  color: var(--fpui-widget-edit-vertical-icon);
}
.text-fpui-widget-edit-vertical-input-text {
  color: var(--fpui-widget-edit-vertical-input-text);
}
.text-mblue-3 {
  color: var(--color-mblue-3);
}
.text-mgreen-2 {
  color: var(--color-mgreen-2);
}
.text-mgreen-3 {
  color: var(--color-mgreen-3);
}
.text-mgrey-4 {
  color: var(--color-mgrey-4);
}
.text-mgrey-6 {
  color: var(--color-mgrey-6);
}
.text-mgrey-7 {
  color: var(--color-mgrey-7);
}
.text-morange-2 {
  color: var(--color-morange-2);
}
.text-mpetrol-3 {
  color: var(--color-mpetrol-3);
}
.text-mpetrol-4 {
  color: var(--color-mpetrol-4);
}
.text-mpetrol-7 {
  color: var(--color-mpetrol-7);
}
.text-mpetrol-8 {
  color: var(--color-mpetrol-8);
}
.text-mred-2 {
  color: var(--color-mred-2);
}
.text-mred-3 {
  color: var(--color-mred-3);
}
.text-mwhite {
  color: var(--color-mwhite);
}
.text-zblack {
  color: var(--color-zblack);
}
.text-zgrey-3 {
  color: var(--color-zgrey-3);
}
.text-zgrey-4 {
  color: var(--color-zgrey-4);
}
.text-zgrey-5 {
  color: var(--color-zgrey-5);
}
.text-zgrey-7 {
  color: var(--color-zgrey-7);
}
.text-zpetrol-3 {
  color: var(--color-zpetrol-3);
}
.text-zpetrol-7 {
  color: var(--color-zpetrol-7);
}
.text-zpetrol-8 {
  color: var(--color-zpetrol-8);
}
.text-zred-3 {
  color: var(--color-zred-3);
}
.text-zred-4 {
  color: var(--color-zred-4);
}
.text-zwhite {
  color: var(--color-zwhite);
}
.text-opacity-80 {
  --tw-text-opacity: 0.8;
}
.underline {
  text-decoration-line: underline;
}
.\!no-underline {
  text-decoration-line: none !important;
}
.placeholder-mgrey-6::placeholder {
  color: var(--color-mgrey-6);
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-35 {
  opacity: 0.35;
}
.opacity-50 {
  opacity: 0.5;
}
.shadow-lg {
  --tw-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  --tw-shadow-colored: 0 8px 20px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 16px 30px rgba(0, 0, 0, 0.08);
  --tw-shadow-colored: 0 16px 30px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.outline {
  outline-style: solid;
}
.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.ring-fpui-panel-grid-ring-color {
  --tw-ring-color: var(--fpui-panel-grid-ring-color);
}
.ring-fpui-toggle-grid-item-border-color-default {
  --tw-ring-color: var(--fpui-toggle-grid-item-border-color-default);
}
.ring-fpui-toggle-grid-item-border-color-disabled {
  --tw-ring-color: var(--fpui-toggle-grid-item-border-color-disabled);
}
.ring-fpui-toggle-grid-item-border-color-error {
  --tw-ring-color: var(--fpui-toggle-grid-item-border-color-error);
}
.ring-fpui-toggle-grid-item-border-color-hover {
  --tw-ring-color: var(--fpui-toggle-grid-item-border-color-hover);
}
.ring-mpetrol-2 {
  --tw-ring-color: var(--color-mpetrol-2);
}
.ring-transparent {
  --tw-ring-color: transparent;
}
.ring-offset-\[1\.25rem\] {
  --tw-ring-offset-width: 1.25rem;
}
.ring-offset-fpui-panel-grid-ring-offset-color {
  --tw-ring-offset-color: var(--fpui-panel-grid-ring-offset-color);
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-saturate-50 {
  --tw-backdrop-saturate: saturate(.5);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-100 {
  transition-duration: 100ms;
}
.duration-1000 {
  transition-duration: 1000ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.will-change-transform {
  will-change: transform;
}
.contain-layout {
  --tw-contain-layout: layout;
  contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style);
}
.\@container\/carousel {
  container-type: inline-size;
  container-name: carousel;
}
.\[scrollbar-color\:var\(--fpui-dialog-scrollbar-color\)_var\(--fpui-dialog-scrollbar-background-color\)\] {
  scrollbar-color: var(--fpui-dialog-scrollbar-color) var(--fpui-dialog-scrollbar-background-color);
}
@-webkit-keyframes radar {
  1% {
    width: 5px;
    height: 5px;
    border-radius: 5px;
  }
  100% {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background-color: rgba(255, 204, 0, 0);
  }
}
@keyframes radar {
  1% {
    width: 5px;
    height: 5px;
    border-radius: 5px;
  }
  100% {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background-color: rgba(255, 204, 0, 0);
  }
}
.wcms .table .is-screenreader,
.wcms .table .is-screenreader:focus,
.wcms .table .is-screenreader:active,
.wcms .table .is-screenreader.had-focus {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}
.wcms .article-video--play_button:after,
.wcms .article_video--play_button:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -239px -187px;
  width: 16px;
  height: 20px;
  margin-left: -8px;
  margin-top: -10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .article-video--play_button:after,
  .wcms .article_video--play_button:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -239px -187px;
    background-size: 288px 285px;
  }
}
.wcms .icon:after,
.wcms .article-video--play_button:after,
.wcms .article_video--play_button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
}
.wcms .icon {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  letter-spacing: -1ex;
  text-indent: -9999px;
  text-decoration: none;
  line-height: 1;
  padding: 0;
  border: none;
  outline: none;
}
.wcms a.link.link-lightbox {
  text-decoration: none;
}
.wcms a.has-icon.link.link-lightbox {
  margin-left: 15px;
  position: relative;
}
.wcms a.has-icon.link.link-lightbox > i,
.wcms a.has-icon.link.link-lightbox > .ico {
  left: -15px;
}
.wcms a.link.link-arrow {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  font-weight: normal;
}
.wcms a.link.link-arrow:hover,
.wcms a.link.link-arrow:focus,
.wcms a.is-active.link.link-arrow {
  text-decoration: none;
  color: #000000;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.font-xxl {
  font-size: 38px;
  font-size: 2.11111rem;
  font-weight: normal;
}
.font-xl {
  font-size: 30px;
  font-size: 1.66667rem;
  font-weight: normal;
}
.font-l {
  font-size: 24px;
  font-size: 1.33333rem;
  font-weight: normal;
}
.font-m {
  font-size: 20px;
  font-size: 1.11111rem;
  font-weight: normal;
}
.font-s {
  font-size: 18px;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.7;
}
.font-xs {
  font-size: 16px;
  font-size: 0.88889rem;
  font-weight: normal;
  line-height: 1.6;
}
.font-xxs {
  font-size: 14px;
  font-size: 0.77778rem;
  font-weight: normal;
  line-height: 1.4;
}
@media (max-width: 750px) {
  .font-xxs {
    font-size: 16px;
    font-size: 0.88889rem;
  }
}
.line-height-xxl {
  line-height: 38px;
  line-height: 2.11111rem;
}
.line-height-xl {
  line-height: 30px;
  line-height: 1.66667rem;
}
.line-height-l {
  line-height: 24px;
  line-height: 1.33333rem;
}
.line-height-m {
  line-height: 20px;
  line-height: 1.11111rem;
}
.line-height-s {
  line-height: 18px;
  line-height: 1rem;
}
.line-height-xs {
  line-height: 16px;
  line-height: 0.88889rem;
}
.line-height-xxs {
  line-height: 14px;
  line-height: 0.77778rem;
}
@media (max-width: 750px) {
  .text-right-mobile {
    text-align: right;
  }
  .text-left-mobile {
    text-align: left;
  }
  .font-xxl-mobile {
    font-size: 38px;
    font-size: 2.11111rem;
    font-weight: normal;
  }
  .font-xl-mobile {
    font-size: 30px;
    font-size: 1.66667rem;
    font-weight: normal;
  }
  .font-l-mobile {
    font-size: 24px;
    font-size: 1.33333rem;
    font-weight: normal;
  }
  .font-m-mobile {
    font-size: 20px;
    font-size: 1.11111rem;
    font-weight: normal;
  }
  .font-s-mobile {
    font-size: 18px;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.7;
  }
  .font-xs-mobile {
    font-size: 16px;
    font-size: 0.88889rem;
    font-weight: normal;
    line-height: 1.6;
  }
  .font-xxs-mobile {
    font-size: 14px;
    font-size: 0.77778rem;
    font-weight: normal;
    line-height: 1.4;
  }
}
@media (max-width: 750px) and (max-width: 750px) {
  .font-xxs-mobile {
    font-size: 16px;
    font-size: 0.88889rem;
  }
}
@media (max-width: 750px) {
  .line-height-xxl-mobile {
    line-height: 38px;
    line-height: 2.11111rem;
  }
  .line-height-xl-mobile {
    line-height: 30px;
    line-height: 1.66667rem;
  }
  .line-height-l-mobile {
    line-height: 24px;
    line-height: 1.33333rem;
  }
  .line-height-m-mobile {
    line-height: 20px;
    line-height: 1.11111rem;
  }
  .line-height-s-mobile {
    line-height: 18px;
    line-height: 1rem;
  }
  .line-height-xs-mobile {
    line-height: 16px;
    line-height: 0.88889rem;
  }
  .line-height-xxs-mobile {
    line-height: 14px;
    line-height: 0.77778rem;
  }
}
.wcms a.link.link-lightbox,
.wcms a.link.link-arrow,
.wcms a.link,
.wcms button.link {
  text-decoration: none;
  color: var(--color-zpetrol-7);
}
.wcms a.link.link-lightbox:hover,
.wcms a.link.link-arrow:hover,
.wcms a.link:hover,
.wcms button.link:hover {
  color: var(--color-zpetrol-8);
}
@media screen and (forced-colors: none) {
  .dark .wcms a.link.link-lightbox,
  .dark .wcms a.link.link-arrow,
  .dark .wcms a.link,
  .dark .wcms button.link {
    color: var(--color-zpetrol-4);
  }
  .dark .wcms a.link.link-lightbox:hover,
  .dark .wcms a.link.link-arrow:hover,
  .dark .wcms a.link:hover,
  .dark .wcms button.link:hover {
    color: var(--color-zpetrol-2);
  }
}
.wcms a.link:hover,
.wcms button.link:hover,
.wcms a.link:focus,
.wcms button.link:focus,
.wcms a.is-active.link,
.wcms button.is-active.link {
  text-decoration: underline;
  text-underline-position: under;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.font-xxl {
  font-size: 38px;
  font-size: 2.11111rem;
  font-weight: normal;
}
.font-xl {
  font-size: 30px;
  font-size: 1.66667rem;
  font-weight: normal;
}
.font-l {
  font-size: 24px;
  font-size: 1.33333rem;
  font-weight: normal;
}
.font-m {
  font-size: 20px;
  font-size: 1.11111rem;
  font-weight: normal;
}
.font-s {
  font-size: 18px;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.7;
}
.font-xs {
  font-size: 16px;
  font-size: 0.88889rem;
  font-weight: normal;
  line-height: 1.6;
}
.font-xxs {
  font-size: 14px;
  font-size: 0.77778rem;
  font-weight: normal;
  line-height: 1.4;
}
@media (max-width: 750px) {
  .font-xxs {
    font-size: 16px;
    font-size: 0.88889rem;
  }
}
.line-height-xxl {
  line-height: 38px;
  line-height: 2.11111rem;
}
.line-height-xl {
  line-height: 30px;
  line-height: 1.66667rem;
}
.line-height-l {
  line-height: 24px;
  line-height: 1.33333rem;
}
.line-height-m {
  line-height: 20px;
  line-height: 1.11111rem;
}
.line-height-s {
  line-height: 18px;
  line-height: 1rem;
}
.line-height-xs {
  line-height: 16px;
  line-height: 0.88889rem;
}
.line-height-xxs {
  line-height: 14px;
  line-height: 0.77778rem;
}
@media (max-width: 750px) {
  .text-right-mobile {
    text-align: right;
  }
  .text-left-mobile {
    text-align: left;
  }
  .font-xxl-mobile {
    font-size: 38px;
    font-size: 2.11111rem;
    font-weight: normal;
  }
  .font-xl-mobile {
    font-size: 30px;
    font-size: 1.66667rem;
    font-weight: normal;
  }
  .font-l-mobile {
    font-size: 24px;
    font-size: 1.33333rem;
    font-weight: normal;
  }
  .font-m-mobile {
    font-size: 20px;
    font-size: 1.11111rem;
    font-weight: normal;
  }
  .font-s-mobile {
    font-size: 18px;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.7;
  }
  .font-xs-mobile {
    font-size: 16px;
    font-size: 0.88889rem;
    font-weight: normal;
    line-height: 1.6;
  }
  .font-xxs-mobile {
    font-size: 14px;
    font-size: 0.77778rem;
    font-weight: normal;
    line-height: 1.4;
  }
}
@media (max-width: 750px) and (max-width: 750px) {
  .font-xxs-mobile {
    font-size: 16px;
    font-size: 0.88889rem;
  }
}
@media (max-width: 750px) {
  .line-height-xxl-mobile {
    line-height: 38px;
    line-height: 2.11111rem;
  }
  .line-height-xl-mobile {
    line-height: 30px;
    line-height: 1.66667rem;
  }
  .line-height-l-mobile {
    line-height: 24px;
    line-height: 1.33333rem;
  }
  .line-height-m-mobile {
    line-height: 20px;
    line-height: 1.11111rem;
  }
  .line-height-s-mobile {
    line-height: 18px;
    line-height: 1rem;
  }
  .line-height-xs-mobile {
    line-height: 16px;
    line-height: 0.88889rem;
  }
  .line-height-xxs-mobile {
    line-height: 14px;
    line-height: 0.77778rem;
  }
}
.wcms {
  font-size: 18px;
  font-size: 112.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
.wcms,
.wcms:before,
.wcms:after,
.wcms *,
.wcms *:before,
.wcms *:after {
  box-sizing: border-box;
}
@media (max-width: 1125px) {
  .wcms {
    font-size: 103.5%;
  }
}
@media (max-width: 900px) {
  .wcms {
    font-size: 99%;
  }
}
@media (max-width: 580px) {
  .wcms {
    font-size: 94.5%;
  }
}
.wcms > * {
  font-family: var(--font-family);
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.6;
}
.wcms .ico-arrow-left:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -1px -1px;
  width: 32px;
  height: 62px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -31px;
  left: 50%;
  margin-left: -16px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-arrow-left:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -1px -1px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-arrow-left {
  padding: 0 16px;
  margin: 0;
}
.wcms .icon.ico-arrow-left {
  width: 32px;
  height: 62px;
}
.wcms .ico-arrow-right:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -35px -1px;
  width: 32px;
  height: 62px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -31px;
  left: 50%;
  margin-left: -16px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-arrow-right:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -35px -1px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-arrow-right {
  padding: 0 16px;
  margin: 0;
}
.wcms .icon.ico-arrow-right {
  width: 32px;
  height: 62px;
}
.wcms .ico-clock:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -69px -1px;
  width: 45px;
  height: 45px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -22.5px;
  left: 50%;
  margin-left: -22.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-clock:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -69px -1px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-clock {
  padding: 0 22px;
  margin: 0;
}
.wcms .icon.ico-clock {
  width: 45px;
  height: 45px;
}
.wcms .ico-location:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -1px -65px;
  width: 34px;
  height: 41px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -20.5px;
  left: 50%;
  margin-left: -17px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-location:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -1px -65px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-location {
  padding: 0 17px;
  margin: 0;
}
.wcms .icon.ico-location {
  width: 34px;
  height: 41px;
}
.wcms .ico-time:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -37px -65px;
  width: 31px;
  height: 37px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -18.5px;
  left: 50%;
  margin-left: -15.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-time:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -37px -65px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-time {
  padding: 0 15px;
  margin: 0;
}
.wcms .icon.ico-time {
  width: 31px;
  height: 37px;
}
.wcms .ico-lock:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -70px -65px;
  width: 25px;
  height: 37px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -18.5px;
  left: 50%;
  margin-left: -12.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-lock:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -70px -65px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-lock {
  padding: 0 12px;
  margin: 0;
}
.wcms .icon.ico-lock {
  width: 25px;
  height: 37px;
}
.wcms .ico-watch:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -116px -1px;
  width: 24px;
  height: 37px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -18.5px;
  left: 50%;
  margin-left: -12px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-watch:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -116px -1px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-watch {
  padding: 0 12px;
  margin: 0;
}
.wcms .icon.ico-watch {
  width: 24px;
  height: 37px;
}
.wcms .ico-success_large:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -142px -1px;
  width: 36px;
  height: 36px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -18px;
  left: 50%;
  margin-left: -18px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-success_large:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -142px -1px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-success_large {
  padding: 0 18px;
  margin: 0;
}
.wcms .icon.ico-success_large {
  width: 36px;
  height: 36px;
}
.wcms .ico-error_large:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -142px -39px;
  width: 36px;
  height: 36px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -18px;
  left: 50%;
  margin-left: -18px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-error_large:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -142px -39px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-error_large {
  padding: 0 18px;
  margin: 0;
}
.wcms .icon.ico-error_large {
  width: 36px;
  height: 36px;
}
.wcms .ico-info_large:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -1px -108px;
  width: 36px;
  height: 36px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -18px;
  left: 50%;
  margin-left: -18px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-info_large:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -1px -108px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-info_large {
  padding: 0 18px;
  margin: 0;
}
.wcms .icon.ico-info_large {
  width: 36px;
  height: 36px;
}
.wcms .ico-warning_large:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -39px -108px;
  width: 36px;
  height: 36px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -18px;
  left: 50%;
  margin-left: -18px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-warning_large:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -39px -108px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-warning_large {
  padding: 0 18px;
  margin: 0;
}
.wcms .icon.ico-warning_large {
  width: 36px;
  height: 36px;
}
.wcms .ico-webinar-white:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -142px -77px;
  width: 36px;
  height: 22px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -11px;
  left: 50%;
  margin-left: -18px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-webinar-white:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -142px -77px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-webinar-white {
  padding: 0 18px;
  margin: 0;
}
.wcms .icon.ico-webinar-white {
  width: 36px;
  height: 22px;
}
.wcms .ico-e-finance:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -77px -108px;
  width: 34px;
  height: 22px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -11px;
  left: 50%;
  margin-left: -17px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-e-finance:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -77px -108px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-e-finance {
  padding: 0 17px;
  margin: 0;
}
.wcms .icon.ico-e-finance {
  width: 34px;
  height: 22px;
}
.wcms .ico-card:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -113px -108px;
  width: 32px;
  height: 22px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -11px;
  left: 50%;
  margin-left: -16px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-card:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -113px -108px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-card {
  padding: 0 16px;
  margin: 0;
}
.wcms .icon.ico-card {
  width: 32px;
  height: 22px;
}
.wcms .ico-transaction:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -1px -146px;
  width: 32px;
  height: 21px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10.5px;
  left: 50%;
  margin-left: -16px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-transaction:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -1px -146px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-transaction {
  padding: 0 16px;
  margin: 0;
}
.wcms .icon.ico-transaction {
  width: 32px;
  height: 21px;
}
.wcms .ico-quote-open:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -180px -1px;
  width: 31px;
  height: 27px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -13.5px;
  left: 50%;
  margin-left: -15.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-quote-open:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -180px -1px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-quote-open {
  padding: 0 15px;
  margin: 0;
}
.wcms .icon.ico-quote-open {
  width: 31px;
  height: 27px;
}
.wcms .ico-quote-close:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -180px -30px;
  width: 31px;
  height: 27px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -13.5px;
  left: 50%;
  margin-left: -15.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-quote-close:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -180px -30px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-quote-close {
  padding: 0 15px;
  margin: 0;
}
.wcms .icon.ico-quote-close {
  width: 31px;
  height: 27px;
}
.wcms .ico-currency-exchange:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -180px -59px;
  width: 31px;
  height: 23px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -11.5px;
  left: 50%;
  margin-left: -15.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-currency-exchange:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -180px -59px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-currency-exchange {
  padding: 0 15px;
  margin: 0;
}
.wcms .icon.ico-currency-exchange {
  width: 31px;
  height: 23px;
}
.wcms .ico-call:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -180px -84px;
  width: 30px;
  height: 30px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 50%;
  margin-left: -15px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-call:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -180px -84px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-call {
  padding: 0 15px;
  margin: 0;
}
.wcms .icon.ico-call {
  width: 30px;
  height: 30px;
}
.wcms .ico-livechat:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -180px -116px;
  width: 30px;
  height: 30px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 50%;
  margin-left: -15px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-livechat:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -180px -116px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-livechat {
  padding: 0 15px;
  margin: 0;
}
.wcms .icon.ico-livechat {
  width: 30px;
  height: 30px;
}
.wcms .ico-stopwatch:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -1px -169px;
  width: 27px;
  height: 30px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 50%;
  margin-left: -13.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-stopwatch:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -1px -169px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-stopwatch {
  padding: 0 13px;
  margin: 0;
}
.wcms .icon.ico-stopwatch {
  width: 27px;
  height: 30px;
}
.wcms .ico-money:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -30px -169px;
  width: 30px;
  height: 24px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -15px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-money:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -30px -169px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-money {
  padding: 0 15px;
  margin: 0;
}
.wcms .icon.ico-money {
  width: 30px;
  height: 24px;
}
.wcms .ico-message:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -147px -108px;
  width: 30px;
  height: 21px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10.5px;
  left: 50%;
  margin-left: -15px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-message:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -147px -108px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-message {
  padding: 0 15px;
  margin: 0;
}
.wcms .icon.ico-message {
  width: 30px;
  height: 21px;
}
.wcms .ico-calculator:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -116px -40px;
  width: 19px;
  height: 27px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -13.5px;
  left: 50%;
  margin-left: -9.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-calculator:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -116px -40px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-calculator {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-calculator {
  width: 19px;
  height: 27px;
}
.wcms .ico-kartenleser:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -116px -69px;
  width: 14px;
  height: 27px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -13.5px;
  left: 50%;
  margin-left: -7px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-kartenleser:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -116px -69px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-kartenleser {
  padding: 0 7px;
  margin: 0;
}
.wcms .icon.ico-kartenleser {
  width: 14px;
  height: 27px;
}
.wcms .ico-check-underlined:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -213px -1px;
  width: 24px;
  height: 25px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -12.5px;
  left: 50%;
  margin-left: -12px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-check-underlined:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -213px -1px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-check-underlined {
  padding: 0 12px;
  margin: 0;
}
.wcms .icon.ico-check-underlined {
  width: 24px;
  height: 25px;
}
.wcms .ico-delete:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -213px -28px;
  width: 24px;
  height: 24px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-delete:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -213px -28px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-delete {
  padding: 0 12px;
  margin: 0;
}
.wcms .icon.ico-delete {
  width: 24px;
  height: 24px;
}
.wcms .ico-edit:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -213px -54px;
  width: 24px;
  height: 24px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-edit:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -213px -54px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-edit {
  padding: 0 12px;
  margin: 0;
}
.wcms .icon.ico-edit {
  width: 24px;
  height: 24px;
}
.wcms .ico-play-video:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -213px -80px;
  width: 24px;
  height: 24px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-play-video:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -213px -80px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-play-video {
  padding: 0 12px;
  margin: 0;
}
.wcms .icon.ico-play-video {
  width: 24px;
  height: 24px;
}
.wcms .ico-calendar:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -213px -106px;
  width: 24px;
  height: 24px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-calendar:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -213px -106px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-calendar {
  padding: 0 12px;
  margin: 0;
}
.wcms .icon.ico-calendar {
  width: 24px;
  height: 24px;
}
.wcms .ico-calendar-white:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -213px -132px;
  width: 24px;
  height: 24px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-calendar-white:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -213px -132px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-calendar-white {
  padding: 0 12px;
  margin: 0;
}
.wcms .icon.ico-calendar-white {
  width: 24px;
  height: 24px;
}
.wcms .ico-logout:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -213px -158px;
  width: 24px;
  height: 22px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -11px;
  left: 50%;
  margin-left: -12px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-logout:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -213px -158px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-logout {
  padding: 0 12px;
  margin: 0;
}
.wcms .icon.ico-logout {
  width: 24px;
  height: 22px;
}
.wcms .ico-logout-light:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -62px -169px;
  width: 24px;
  height: 22px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -11px;
  left: 50%;
  margin-left: -12px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-logout-light:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -62px -169px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-logout-light {
  padding: 0 12px;
  margin: 0;
}
.wcms .icon.ico-logout-light {
  width: 24px;
  height: 22px;
}
.wcms .ico-shopping-cart:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -35px -146px;
  width: 24px;
  height: 21px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10.5px;
  left: 50%;
  margin-left: -12px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-shopping-cart:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -35px -146px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-shopping-cart {
  padding: 0 12px;
  margin: 0;
}
.wcms .icon.ico-shopping-cart {
  width: 24px;
  height: 21px;
}
.wcms .ico-file-png:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -1px -201px;
  width: 18px;
  height: 24px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -9px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-file-png:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -1px -201px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-file-png {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-file-png {
  width: 18px;
  height: 24px;
}
.wcms .ico-file-xls:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -21px -201px;
  width: 18px;
  height: 24px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -9px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-file-xls:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -21px -201px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-file-xls {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-file-xls {
  width: 18px;
  height: 24px;
}
.wcms .ico-lock-close:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -41px -201px;
  width: 18px;
  height: 24px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -9px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-lock-close:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -41px -201px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-lock-close {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-lock-close {
  width: 18px;
  height: 24px;
}
.wcms .ico-lock-close-1:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -61px -201px;
  width: 18px;
  height: 24px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -9px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-lock-close-1:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -61px -201px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-lock-close-1 {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-lock-close-1 {
  width: 18px;
  height: 24px;
}
.wcms .ico-file-zip:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -81px -201px;
  width: 18px;
  height: 24px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -9px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-file-zip:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -81px -201px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-file-zip {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-file-zip {
  width: 18px;
  height: 24px;
}
.wcms .ico-file-jpg:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -101px -201px;
  width: 18px;
  height: 24px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -9px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-file-jpg:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -101px -201px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-file-jpg {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-file-jpg {
  width: 18px;
  height: 24px;
}
.wcms .ico-file-mpg:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -121px -201px;
  width: 18px;
  height: 24px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -9px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-file-mpg:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -121px -201px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-file-mpg {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-file-mpg {
  width: 18px;
  height: 24px;
}
.wcms .ico-file-pdf:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -141px -201px;
  width: 18px;
  height: 24px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -9px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-file-pdf:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -141px -201px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-file-pdf {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-file-pdf {
  width: 18px;
  height: 24px;
}
.wcms .ico-file-txt:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -161px -201px;
  width: 18px;
  height: 24px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -9px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-file-txt:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -161px -201px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-file-txt {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-file-txt {
  width: 18px;
  height: 24px;
}
.wcms .ico-file:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -181px -201px;
  width: 18px;
  height: 24px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -9px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-file:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -181px -201px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-file {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-file {
  width: 18px;
  height: 24px;
}
.wcms .ico-file-doc:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -201px -201px;
  width: 18px;
  height: 24px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -9px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-file-doc:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -201px -201px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-file-doc {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-file-doc {
  width: 18px;
  height: 24px;
}
.wcms .ico-file-eps:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -239px -1px;
  width: 18px;
  height: 24px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -9px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-file-eps:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -239px -1px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-file-eps {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-file-eps {
  width: 18px;
  height: 24px;
}
.wcms .ico-mail:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -213px -182px;
  width: 24px;
  height: 16px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -12px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-mail:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -213px -182px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-mail {
  padding: 0 12px;
  margin: 0;
}
.wcms .icon.ico-mail {
  width: 24px;
  height: 16px;
}
.wcms .ico-infomation-circle:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -1px -227px;
  width: 23px;
  height: 23px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -11.5px;
  left: 50%;
  margin-left: -11.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-infomation-circle:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -1px -227px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-infomation-circle {
  padding: 0 11px;
  margin: 0;
}
.wcms .icon.ico-infomation-circle {
  width: 23px;
  height: 23px;
}
.wcms .ico-printer:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -26px -227px;
  width: 20px;
  height: 23px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -11.5px;
  left: 50%;
  margin-left: -10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-printer:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -26px -227px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-printer {
  padding: 0 10px;
  margin: 0;
}
.wcms .icon.ico-printer {
  width: 20px;
  height: 23px;
}
.wcms .ico-printer-light:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -48px -227px;
  width: 20px;
  height: 23px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -11.5px;
  left: 50%;
  margin-left: -10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-printer-light:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -48px -227px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-printer-light {
  padding: 0 10px;
  margin: 0;
}
.wcms .icon.ico-printer-light {
  width: 20px;
  height: 23px;
}
.wcms .ico-infographic:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -88px -169px;
  width: 22px;
  height: 22px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -11px;
  left: 50%;
  margin-left: -11px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-infographic:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -88px -169px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-infographic {
  padding: 0 11px;
  margin: 0;
}
.wcms .icon.ico-infographic {
  width: 22px;
  height: 22px;
}
.wcms .ico-star-outline:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -112px -169px;
  width: 22px;
  height: 22px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -11px;
  left: 50%;
  margin-left: -11px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-star-outline:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -112px -169px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-star-outline {
  padding: 0 11px;
  margin: 0;
}
.wcms .icon.ico-star-outline {
  width: 22px;
  height: 22px;
}
.wcms .ico-mobile-menu:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -180px -148px;
  width: 22px;
  height: 17px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8.5px;
  left: 50%;
  margin-left: -11px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-mobile-menu:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -180px -148px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-mobile-menu {
  padding: 0 11px;
  margin: 0;
}
.wcms .icon.ico-mobile-menu {
  width: 22px;
  height: 17px;
}
.wcms .ico-quiz:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -61px -146px;
  width: 21px;
  height: 21px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10.5px;
  left: 50%;
  margin-left: -10.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-quiz:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -61px -146px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-quiz {
  padding: 0 10px;
  margin: 0;
}
.wcms .icon.ico-quiz {
  width: 21px;
  height: 21px;
}
.wcms .ico-webinar2:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -84px -146px;
  width: 21px;
  height: 20px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -10.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-webinar2:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -84px -146px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-webinar2 {
  padding: 0 10px;
  margin: 0;
}
.wcms .icon.ico-webinar2 {
  width: 21px;
  height: 20px;
}
.wcms .ico-webinar2-white:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -107px -146px;
  width: 21px;
  height: 20px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -10.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-webinar2-white:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -107px -146px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-webinar2-white {
  padding: 0 10px;
  margin: 0;
}
.wcms .icon.ico-webinar2-white {
  width: 21px;
  height: 20px;
}
.wcms .ico-video-white:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -130px -146px;
  width: 21px;
  height: 16px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -10.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-video-white:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -130px -146px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-video-white {
  padding: 0 10px;
  margin: 0;
}
.wcms .icon.ico-video-white {
  width: 21px;
  height: 16px;
}
.wcms .ico-video:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -153px -146px;
  width: 21px;
  height: 16px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -10.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-video:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -153px -146px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-video {
  padding: 0 10px;
  margin: 0;
}
.wcms .icon.ico-video {
  width: 21px;
  height: 16px;
}
.wcms .ico-advanced:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -239px -27px;
  width: 14px;
  height: 21px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10.5px;
  left: 50%;
  margin-left: -7px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-advanced:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -239px -27px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-advanced {
  padding: 0 7px;
  margin: 0;
}
.wcms .icon.ico-advanced {
  width: 14px;
  height: 21px;
}
.wcms .ico-advanced-white:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -239px -50px;
  width: 14px;
  height: 21px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10.5px;
  left: 50%;
  margin-left: -7px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-advanced-white:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -239px -50px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-advanced-white {
  padding: 0 7px;
  margin: 0;
}
.wcms .icon.ico-advanced-white {
  width: 14px;
  height: 21px;
}
.wcms .ico-beginner:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -239px -73px;
  width: 14px;
  height: 21px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10.5px;
  left: 50%;
  margin-left: -7px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-beginner:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -239px -73px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-beginner {
  padding: 0 7px;
  margin: 0;
}
.wcms .icon.ico-beginner {
  width: 14px;
  height: 21px;
}
.wcms .ico-beginner-white:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -239px -96px;
  width: 14px;
  height: 21px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10.5px;
  left: 50%;
  margin-left: -7px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-beginner-white:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -239px -96px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-beginner-white {
  padding: 0 7px;
  margin: 0;
}
.wcms .icon.ico-beginner-white {
  width: 14px;
  height: 21px;
}
.wcms .ico-expert:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -239px -119px;
  width: 14px;
  height: 21px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10.5px;
  left: 50%;
  margin-left: -7px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-expert:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -239px -119px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-expert {
  padding: 0 7px;
  margin: 0;
}
.wcms .icon.ico-expert {
  width: 14px;
  height: 21px;
}
.wcms .ico-expert-white:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -239px -142px;
  width: 14px;
  height: 21px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10.5px;
  left: 50%;
  margin-left: -7px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-expert-white:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -239px -142px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-expert-white {
  padding: 0 7px;
  margin: 0;
}
.wcms .icon.ico-expert-white {
  width: 14px;
  height: 21px;
}
.wcms .ico-rating-star-grey-stroke:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -136px -169px;
  width: 20px;
  height: 20px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-rating-star-grey-stroke:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -136px -169px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-rating-star-grey-stroke {
  padding: 0 10px;
  margin: 0;
}
.wcms .icon.ico-rating-star-grey-stroke {
  width: 20px;
  height: 20px;
}
.wcms .ico-rating-star-yellow-stroke:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -158px -169px;
  width: 20px;
  height: 20px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-rating-star-yellow-stroke:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -158px -169px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-rating-star-yellow-stroke {
  padding: 0 10px;
  margin: 0;
}
.wcms .icon.ico-rating-star-yellow-stroke {
  width: 20px;
  height: 20px;
}
.wcms .ico-star-filled:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -180px -169px;
  width: 20px;
  height: 20px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-star-filled:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -180px -169px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-star-filled {
  padding: 0 10px;
  margin: 0;
}
.wcms .icon.ico-star-filled {
  width: 20px;
  height: 20px;
}
.wcms .ico-form-date:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -70px -227px;
  width: 19px;
  height: 20px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -9.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-form-date:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -70px -227px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-form-date {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-form-date {
  width: 19px;
  height: 20px;
}
.wcms .ico-rating-star-black:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -91px -227px;
  width: 20px;
  height: 19px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9.5px;
  left: 50%;
  margin-left: -10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-rating-star-black:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -91px -227px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-rating-star-black {
  padding: 0 10px;
  margin: 0;
}
.wcms .icon.ico-rating-star-black {
  width: 20px;
  height: 19px;
}
.wcms .ico-rating-star-yellow:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -113px -227px;
  width: 20px;
  height: 19px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9.5px;
  left: 50%;
  margin-left: -10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-rating-star-yellow:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -113px -227px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-rating-star-yellow {
  padding: 0 10px;
  margin: 0;
}
.wcms .icon.ico-rating-star-yellow {
  width: 20px;
  height: 19px;
}
.wcms .ico-xing:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -239px -165px;
  width: 17px;
  height: 20px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -8.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-xing:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -239px -165px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-xing {
  padding: 0 8px;
  margin: 0;
}
.wcms .icon.ico-xing {
  width: 17px;
  height: 20px;
}
.wcms .ico-play:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -239px -187px;
  width: 16px;
  height: 20px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -8px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-play:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -239px -187px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-play {
  padding: 0 8px;
  margin: 0;
}
.wcms .icon.ico-play {
  width: 16px;
  height: 20px;
}
.wcms .ico-key:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -69px -48px;
  width: 20px;
  height: 11px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -5.5px;
  left: 50%;
  margin-left: -10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-key:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -69px -48px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-key {
  padding: 0 10px;
  margin: 0;
}
.wcms .icon.ico-key {
  width: 20px;
  height: 11px;
}
.wcms .ico-facebook:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -97px -65px;
  width: 9px;
  height: 20px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -4.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-facebook:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -97px -65px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-facebook {
  padding: 0 4px;
  margin: 0;
}
.wcms .icon.ico-facebook {
  width: 9px;
  height: 20px;
}
.wcms .ico-info:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -135px -227px;
  width: 19px;
  height: 19px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9.5px;
  left: 50%;
  margin-left: -9.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-info:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -135px -227px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-info {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-info {
  width: 19px;
  height: 19px;
}
.wcms .ico-kununu:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -156px -227px;
  width: 19px;
  height: 19px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9.5px;
  left: 50%;
  margin-left: -9.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-kununu:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -156px -227px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-kununu {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-kununu {
  width: 19px;
  height: 19px;
}
.wcms .ico-header-alert-close-red:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -177px -227px;
  width: 19px;
  height: 19px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9.5px;
  left: 50%;
  margin-left: -9.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-header-alert-close-red:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -177px -227px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-header-alert-close-red {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-header-alert-close-red {
  width: 19px;
  height: 19px;
}
.wcms .ico-instagram:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -198px -227px;
  width: 19px;
  height: 19px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9.5px;
  left: 50%;
  margin-left: -9.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-instagram:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -198px -227px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-instagram {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-instagram {
  width: 19px;
  height: 19px;
}
.wcms .ico-mobile-menu-close:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -219px -227px;
  width: 19px;
  height: 19px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9.5px;
  left: 50%;
  margin-left: -9.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-mobile-menu-close:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -219px -227px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-mobile-menu-close {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-mobile-menu-close {
  width: 19px;
  height: 19px;
}
.wcms .ico-error_small:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -259px -1px;
  width: 19px;
  height: 19px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9.5px;
  left: 50%;
  margin-left: -9.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-error_small:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -259px -1px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-error_small {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-error_small {
  width: 19px;
  height: 19px;
}
.wcms .ico-success_small:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -259px -22px;
  width: 19px;
  height: 19px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9.5px;
  left: 50%;
  margin-left: -9.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-success_small:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -259px -22px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-success_small {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-success_small {
  width: 19px;
  height: 19px;
}
.wcms .ico-info-hover:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -259px -43px;
  width: 19px;
  height: 19px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9.5px;
  left: 50%;
  margin-left: -9.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-info-hover:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -259px -43px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-info-hover {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-info-hover {
  width: 19px;
  height: 19px;
}
.wcms .ico-info-white:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -259px -64px;
  width: 19px;
  height: 19px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9.5px;
  left: 50%;
  margin-left: -9.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-info-white:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -259px -64px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-info-white {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-info-white {
  width: 19px;
  height: 19px;
}
.wcms .ico-twitter:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -259px -85px;
  width: 19px;
  height: 18px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -9.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-twitter:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -259px -85px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-twitter {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-twitter {
  width: 19px;
  height: 18px;
}
.wcms .ico-header-alert-close:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -259px -105px;
  width: 19px;
  height: 17px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8.5px;
  left: 50%;
  margin-left: -9.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-header-alert-close:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -259px -105px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-header-alert-close {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-header-alert-close {
  width: 19px;
  height: 17px;
}
.wcms .ico-icon-close-light:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -259px -124px;
  width: 19px;
  height: 17px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8.5px;
  left: 50%;
  margin-left: -9.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-icon-close-light:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -259px -124px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-icon-close-light {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-icon-close-light {
  width: 19px;
  height: 17px;
}
.wcms .ico-arrow-prev-black:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -259px -143px;
  width: 19px;
  height: 15px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -7.5px;
  left: 50%;
  margin-left: -9.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-arrow-prev-black:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -259px -143px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-arrow-prev-black {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-arrow-prev-black {
  width: 19px;
  height: 15px;
}
.wcms .ico-arrow-next-black:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -259px -160px;
  width: 19px;
  height: 15px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -7.5px;
  left: 50%;
  margin-left: -9.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-arrow-next-black:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -259px -160px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-arrow-next-black {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-arrow-next-black {
  width: 19px;
  height: 15px;
}
.wcms .ico-arrow-next-grey:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -259px -177px;
  width: 19px;
  height: 15px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -7.5px;
  left: 50%;
  margin-left: -9.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-arrow-next-grey:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -259px -177px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-arrow-next-grey {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-arrow-next-grey {
  width: 19px;
  height: 15px;
}
.wcms .ico-arrow-prev-grey:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -259px -194px;
  width: 19px;
  height: 15px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -7.5px;
  left: 50%;
  margin-left: -9.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-arrow-prev-grey:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -259px -194px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-arrow-prev-grey {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-arrow-prev-grey {
  width: 19px;
  height: 15px;
}
.wcms .ico-list:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -259px -211px;
  width: 19px;
  height: 13px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -6.5px;
  left: 50%;
  margin-left: -9.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-list:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -259px -211px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-list {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-list {
  width: 19px;
  height: 13px;
}
.wcms .ico-list-white:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -259px -226px;
  width: 19px;
  height: 13px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -6.5px;
  left: 50%;
  margin-left: -9.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-list-white:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -259px -226px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-list-white {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-list-white {
  width: 19px;
  height: 13px;
}
.wcms .ico-info_small:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -1px -252px;
  width: 18px;
  height: 18px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -9px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-info_small:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -1px -252px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-info_small {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-info_small {
  width: 18px;
  height: 18px;
}
.wcms .ico-search:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -21px -252px;
  width: 18px;
  height: 18px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -9px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-search:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -21px -252px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-search {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-search {
  width: 18px;
  height: 18px;
}
.wcms .ico-linkedin:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -41px -252px;
  width: 18px;
  height: 18px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -9px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-linkedin:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -41px -252px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-linkedin {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-linkedin {
  width: 18px;
  height: 18px;
}
.wcms .ico-group-black:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -61px -252px;
  width: 18px;
  height: 17px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8.5px;
  left: 50%;
  margin-left: -9px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-group-black:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -61px -252px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-group-black {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-group-black {
  width: 18px;
  height: 17px;
}
.wcms .ico-group-white:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -81px -252px;
  width: 18px;
  height: 17px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8.5px;
  left: 50%;
  margin-left: -9px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-group-white:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -81px -252px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-group-white {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-group-white {
  width: 18px;
  height: 17px;
}
.wcms .ico-arrow-down-light:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -221px -201px;
  width: 15px;
  height: 18px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -7.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-arrow-down-light:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -221px -201px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-arrow-down-light {
  padding: 0 7px;
  margin: 0;
}
.wcms .icon.ico-arrow-down-light {
  width: 15px;
  height: 18px;
}
.wcms .ico-youtube:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -239px -209px;
  width: 18px;
  height: 13px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -6.5px;
  left: 50%;
  margin-left: -9px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-youtube:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -239px -209px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-youtube {
  padding: 0 9px;
  margin: 0;
}
.wcms .icon.ico-youtube {
  width: 18px;
  height: 13px;
}
.wcms .ico-upload:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -240px -227px;
  width: 13px;
  height: 17px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8.5px;
  left: 50%;
  margin-left: -6.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-upload:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -240px -227px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-upload {
  padding: 0 6px;
  margin: 0;
}
.wcms .icon.ico-upload {
  width: 13px;
  height: 17px;
}
.wcms .ico-status-ok:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -101px -252px;
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -8px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-status-ok:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -101px -252px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-status-ok {
  padding: 0 8px;
  margin: 0;
}
.wcms .icon.ico-status-ok {
  width: 16px;
  height: 16px;
}
.wcms .ico-whatsapp:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -119px -252px;
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -8px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-whatsapp:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -119px -252px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-whatsapp {
  padding: 0 8px;
  margin: 0;
}
.wcms .icon.ico-whatsapp {
  width: 16px;
  height: 16px;
}
.wcms .ico-pencil:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -137px -252px;
  width: 15px;
  height: 16px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -7.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-pencil:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -137px -252px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-pencil {
  padding: 0 7px;
  margin: 0;
}
.wcms .icon.ico-pencil {
  width: 15px;
  height: 16px;
}
.wcms .ico-share:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -154px -252px;
  width: 15px;
  height: 16px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -7.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-share:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -154px -252px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-share {
  padding: 0 7px;
  margin: 0;
}
.wcms .icon.ico-share {
  width: 15px;
  height: 16px;
}
.wcms .ico-pencil-hover:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -171px -252px;
  width: 15px;
  height: 16px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -7.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-pencil-hover:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -171px -252px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-pencil-hover {
  padding: 0 7px;
  margin: 0;
}
.wcms .icon.ico-pencil-hover {
  width: 15px;
  height: 16px;
}
.wcms .ico-text:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -97px -87px;
  width: 16px;
  height: 15px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -7.5px;
  left: 50%;
  margin-left: -8px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-text:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -97px -87px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-text {
  padding: 0 8px;
  margin: 0;
}
.wcms .icon.ico-text {
  width: 16px;
  height: 15px;
}
.wcms .ico-text-white:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -188px -252px;
  width: 16px;
  height: 15px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -7.5px;
  left: 50%;
  margin-left: -8px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-text-white:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -188px -252px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-text-white {
  padding: 0 8px;
  margin: 0;
}
.wcms .icon.ico-text-white {
  width: 16px;
  height: 15px;
}
.wcms .ico-arrow-left-small:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -132px -69px;
  width: 8px;
  height: 16px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -4px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-arrow-left-small:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -132px -69px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-arrow-left-small {
  padding: 0 4px;
  margin: 0;
}
.wcms .icon.ico-arrow-left-small {
  width: 8px;
  height: 16px;
}
.wcms .ico-arrow-right-small:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -202px -169px;
  width: 8px;
  height: 16px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -4px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-arrow-right-small:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -202px -169px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-arrow-right-small {
  padding: 0 4px;
  margin: 0;
}
.wcms .icon.ico-arrow-right-small {
  width: 8px;
  height: 16px;
}
.wcms .ico-event-white:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -206px -252px;
  width: 15px;
  height: 15px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -7.5px;
  left: 50%;
  margin-left: -7.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-event-white:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -206px -252px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-event-white {
  padding: 0 7px;
  margin: 0;
}
.wcms .icon.ico-event-white {
  width: 15px;
  height: 15px;
}
.wcms .ico-event:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -223px -252px;
  width: 15px;
  height: 15px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -7.5px;
  left: 50%;
  margin-left: -7.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-event:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -223px -252px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-event {
  padding: 0 7px;
  margin: 0;
}
.wcms .icon.ico-event {
  width: 15px;
  height: 15px;
}
.wcms .ico-star-yellow:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -240px -252px;
  width: 14px;
  height: 14px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 50%;
  margin-left: -7px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-star-yellow:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -240px -252px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-star-yellow {
  padding: 0 7px;
  margin: 0;
}
.wcms .icon.ico-star-yellow {
  width: 14px;
  height: 14px;
}
.wcms .ico-form_tick_checkbox:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -256px -252px;
  width: 14px;
  height: 13px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -6.5px;
  left: 50%;
  margin-left: -7px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-form_tick_checkbox:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -256px -252px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-form_tick_checkbox {
  padding: 0 7px;
  margin: 0;
}
.wcms .icon.ico-form_tick_checkbox {
  width: 14px;
  height: 13px;
}
.wcms .ico-arrow-right-yellow:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -204px -148px;
  width: 7px;
  height: 14px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 50%;
  margin-left: -3.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-arrow-right-yellow:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -204px -148px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-arrow-right-yellow {
  padding: 0 3px;
  margin: 0;
}
.wcms .icon.ico-arrow-right-yellow {
  width: 7px;
  height: 14px;
}
.wcms .ico-arrow-white-right:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -280px -1px;
  width: 7px;
  height: 14px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 50%;
  margin-left: -3.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-arrow-white-right:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -280px -1px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-arrow-white-right {
  padding: 0 3px;
  margin: 0;
}
.wcms .icon.ico-arrow-white-right {
  width: 7px;
  height: 14px;
}
.wcms .ico-arrow-white-left:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -280px -17px;
  width: 7px;
  height: 14px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 50%;
  margin-left: -3.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-arrow-white-left:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -280px -17px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-arrow-white-left {
  padding: 0 3px;
  margin: 0;
}
.wcms .icon.ico-arrow-white-left {
  width: 7px;
  height: 14px;
}
.wcms .ico-arrow-textlink:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -280px -33px;
  width: 7px;
  height: 14px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 50%;
  margin-left: -3.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-arrow-textlink:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -280px -33px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-arrow-textlink {
  padding: 0 3px;
  margin: 0;
}
.wcms .icon.ico-arrow-textlink {
  width: 7px;
  height: 14px;
}
.wcms .ico-arrow-textlink_back:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -280px -49px;
  width: 7px;
  height: 14px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 50%;
  margin-left: -3.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-arrow-textlink_back:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -280px -49px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-arrow-textlink_back {
  padding: 0 3px;
  margin: 0;
}
.wcms .icon.ico-arrow-textlink_back {
  width: 7px;
  height: 14px;
}
.wcms .ico-arrow-black-right:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -280px -65px;
  width: 7px;
  height: 14px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 50%;
  margin-left: -3.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-arrow-black-right:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -280px -65px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-arrow-black-right {
  padding: 0 3px;
  margin: 0;
}
.wcms .icon.ico-arrow-black-right {
  width: 7px;
  height: 14px;
}
.wcms .ico-arrow-black-left:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -280px -81px;
  width: 7px;
  height: 14px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 50%;
  margin-left: -3.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-arrow-black-left:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -280px -81px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-arrow-black-left {
  padding: 0 3px;
  margin: 0;
}
.wcms .icon.ico-arrow-black-left {
  width: 7px;
  height: 14px;
}
.wcms .ico-arrow-black-up:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -259px -241px;
  width: 14px;
  height: 7px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -3.5px;
  left: 50%;
  margin-left: -7px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-arrow-black-up:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -259px -241px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-arrow-black-up {
  padding: 0 7px;
  margin: 0;
}
.wcms .icon.ico-arrow-black-up {
  width: 14px;
  height: 7px;
}
.wcms .ico-arrow-black-down:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -116px -98px;
  width: 14px;
  height: 7px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -3.5px;
  left: 50%;
  margin-left: -7px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-arrow-black-down:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -116px -98px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-arrow-black-down {
  padding: 0 7px;
  margin: 0;
}
.wcms .icon.ico-arrow-black-down {
  width: 14px;
  height: 7px;
}
.wcms .ico-arrow-white-down:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -91px -48px;
  width: 14px;
  height: 7px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -3.5px;
  left: 50%;
  margin-left: -7px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-arrow-white-down:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -91px -48px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-arrow-white-down {
  padding: 0 7px;
  margin: 0;
}
.wcms .icon.ico-arrow-white-down {
  width: 14px;
  height: 7px;
}
.wcms .ico-arrow-white-up:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -77px -132px;
  width: 14px;
  height: 7px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -3.5px;
  left: 50%;
  margin-left: -7px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-arrow-white-up:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -77px -132px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-arrow-white-up {
  padding: 0 7px;
  margin: 0;
}
.wcms .icon.ico-arrow-white-up {
  width: 14px;
  height: 7px;
}
.wcms .ico-location-pin-globe:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -1px -272px;
  width: 13px;
  height: 12px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -6px;
  left: 50%;
  margin-left: -6.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-location-pin-globe:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -1px -272px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-location-pin-globe {
  padding: 0 6px;
  margin: 0;
}
.wcms .icon.ico-location-pin-globe {
  width: 13px;
  height: 12px;
}
.wcms .ico-plus:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -16px -272px;
  width: 11px;
  height: 11px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -5.5px;
  left: 50%;
  margin-left: -5.5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-plus:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -16px -272px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-plus {
  padding: 0 5px;
  margin: 0;
}
.wcms .icon.ico-plus {
  width: 11px;
  height: 11px;
}
.wcms .ico-arrow-textlink-small:after {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -280px -97px;
  width: 6px;
  height: 10px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -5px;
  left: 50%;
  margin-left: -3px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-arrow-textlink-small:after {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -280px -97px;
    background-size: 288px 285px;
  }
}
.wcms .ico.ico-arrow-textlink-small {
  padding: 0 3px;
  margin: 0;
}
.wcms .icon.ico-arrow-textlink-small {
  width: 6px;
  height: 10px;
}
.wcms .ico {
  display: inline;
  display: -webkit-inline-box;
  min-height: 1ex;
  letter-spacing: -1ex;
  text-decoration: none;
  position: relative;
}
.wcms .ico:before {
  content: "";
}
html.cssreflections .wcms .ico:before {
  content: "\a0";
  letter-spacing: -1ex;
}
.wcms .icon-inline.icon-inline.icon {
  height: 0.8em;
}
.wcms .icon-inline {
  height: 0.8em;
  position: relative;
  display: inline-block;
}
.wcms .icon-inline > img {
  display: block;
  position: relative;
  max-width: none;
  -webkit-transform: translateY(0.5em) translateY(-50%);
  -ms-transform: translateY(0.5em) translateY(-50%);
  transform: translateY(0.5em) translateY(-50%);
}
.wcms .promotedsymbol {
  border: 1px solid transparent;
}
@media (min-width: 901px) {
  .wcms .promotedsymbol {
    position: absolute;
    margin-top: 5px;
    margin-left: -33px;
  }
}
.wcms .ico-arrow-icon--top.ico,
.wcms .ico-arrow-icon--bottom.ico,
.wcms .ico-arrow-icon--left.ico,
.wcms .ico-arrow-icon--right.ico {
  position: relative;
  font-size: 1em;
  padding: 0 0.3em;
}
.wcms .ico-arrow-icon--top.icon,
.wcms .ico-arrow-icon--bottom.icon,
.wcms .ico-arrow-icon--left.icon,
.wcms .ico-arrow-icon--right.icon {
  position: relative;
  font-size: 1em;
  width: 0.6em;
  height: 0.6em;
}
.wcms .ico-arrow-icon--top:before {
  width: 0.6em;
  height: 0.6em;
  content: "";
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px 1px 0 0;
  -webkit-transform: translateY(-0.141em) translateX(-0.3em) scaleY(0.75) rotate(-45deg);
  -ms-transform: translateY(-0.141em) translateX(-0.3em) scaleY(0.75) rotate(-45deg);
  transform: translateY(-0.141em) translateX(-0.3em) scaleY(0.75) rotate(-45deg);
  left: 50%;
}
.wcms .ico-arrow-icon--bottom:before {
  width: 0.6em;
  height: 0.6em;
  content: "";
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px 1px 0 0;
  -webkit-transform: translateY(-0.459em) translateX(-0.3em) scaleY(0.75) rotate(135deg);
  -ms-transform: translateY(-0.459em) translateX(-0.3em) scaleY(0.75) rotate(135deg);
  transform: translateY(-0.459em) translateX(-0.3em) scaleY(0.75) rotate(135deg);
  left: 50%;
}
.wcms .ico-arrow-icon--left:before {
  width: 0.6em;
  height: 0.6em;
  content: "";
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px 1px 0 0;
  -webkit-transform: translateX(-0.141em) translateY(-0.3em) scaleX(0.75) rotate(-135deg);
  -ms-transform: translateX(-0.141em) translateY(-0.3em) scaleX(0.75) rotate(-135deg);
  transform: translateX(-0.141em) translateY(-0.3em) scaleX(0.75) rotate(-135deg);
  left: 50%;
}
.wcms .ico-arrow-icon--right:before {
  width: 0.6em;
  height: 0.6em;
  content: "";
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px 1px 0 0;
  -webkit-transform: translateX(-0.459em) translateY(-0.3em) scaleX(0.75) rotate(45deg);
  -ms-transform: translateX(-0.459em) translateY(-0.3em) scaleX(0.75) rotate(45deg);
  transform: translateX(-0.459em) translateY(-0.3em) scaleX(0.75) rotate(45deg);
  left: 50%;
}
.wcms .ico-watch_animated:after {
  background: url("./media/watch-animated-1x-ALALHSFC.gif") no-repeat;
  width: 23px;
  height: 36px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -18px;
  left: 50%;
  margin-left: -11px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .ico-watch_animated:after {
    background: url("./media/watch-animated-2x-LQ4XQBQZ.gif") no-repeat;
    background-size: 23px 36px;
  }
}
.wcms .ico.ico-watch_animated {
  padding: 0 18px;
  margin: 0;
}
.wcms .icon.ico-watch_animated {
  width: 23px;
  height: 36px;
}
.wcms a.link,
.wcms button.link {
  text-decoration: none;
}
.wcms a.link.has-icon,
.wcms button.link.has-icon {
  margin-left: 15px;
  position: relative;
}
.wcms a.link.has-icon > i,
.wcms a.link.has-icon > .ico,
.wcms button.link.has-icon > i,
.wcms button.link.has-icon > .ico {
  left: -15px;
}
.wcms a.link.link-arrow {
  padding-right: 25px;
  padding-left: 0px;
}
.wcms a.link.link-arrow:before {
  width: 0.6em;
  height: 0.6em;
  content: "";
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px 1px 0 0;
  -webkit-transform: translateX(-0.459em) translateY(-0.3em) scaleX(0.75) rotate(45deg);
  -ms-transform: translateX(-0.459em) translateY(-0.3em) scaleX(0.75) rotate(45deg);
  transform: translateX(-0.459em) translateY(-0.3em) scaleX(0.75) rotate(45deg);
  right: 0;
}
.wcms a.link.link-neutral {
  color: inherit;
}
.wcms a.link.link-yellow {
  color: #ffcc00;
}
.wcms a.link.link-yellow:hover,
.wcms a.link.link-yellow:focus,
.wcms a.link.link-yellow.is-active {
  color: #ffffff;
}
.wcms a.link.link-black {
  color: #000000;
}
.wcms a.link.link-black:hover,
.wcms a.link.link-black:focus,
.wcms a.link.link-black.is-active {
  color: #00545e;
}
.wcms a.link.link-lightbox {
  display: inline-block;
  position: relative;
  padding-right: 24px;
  padding-left: 0px;
}
.wcms a.link.link-lightbox:before {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -135px -227px;
  width: 19px;
  height: 19px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9.5px;
  right: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms a.link.link-lightbox:before {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -135px -227px;
    background-size: 288px 285px;
  }
}
.wcms a.link.link-lightbox:hover,
.wcms a.link.link-lightbox:focus,
.wcms a.link.link-lightbox.is-active {
  text-decoration: underline;
  -webkit-text-decoration-style: dashed !important;
  text-decoration-style: dashed !important;
}
.wcms a.link.link-lightbox:hover:before,
.wcms a.link.link-lightbox:focus:before,
.wcms a.link.link-lightbox.is-active:before {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -259px -43px;
  width: 19px;
  height: 19px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9.5px;
  right: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms a.link.link-lightbox:hover:before,
  .wcms a.link.link-lightbox:focus:before,
  .wcms a.link.link-lightbox.is-active:before {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -259px -43px;
    background-size: 288px 285px;
  }
}
.wcms .table {
  overflow: auto;
  font-size: 18px;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.7;
  margin-bottom: 60px;
}
@media (max-width: 900px) {
  .wcms .table {
    margin-bottom: 46px;
  }
}
@media (max-width: 580px) {
  .wcms .table {
    margin-bottom: 31px;
  }
}
.wcms .table.table-generous tbody th,
.wcms .table.table-generous tbody td,
.wcms .table.table-generous tfoot th,
.wcms .table.table-generous tfoot td {
  padding-top: 16px;
  padding-top: 0.88889rem;
  padding-bottom: 16px;
  padding-bottom: 0.88889rem;
}
.wcms .table.table-generous td.as-icon {
  padding: 16px;
  padding: 0.88889rem;
}
.wcms .table.table-even table {
  table-layout: fixed;
}
.wcms .table.table-inline {
  margin-bottom: 0;
}
.wcms .table table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 45px;
  margin-top: 30px;
  margin-bottom: 0;
}
@media (max-width: 900px) {
  .wcms .table table {
    margin-bottom: 40px;
  }
}
@media (max-width: 580px) {
  .wcms .table table {
    margin-bottom: 27px;
  }
}
@media (max-width: 900px) {
  .wcms .table table {
    margin-bottom: 0;
    margin-top: 30px;
  }
}
@media (max-width: 580px) {
  .wcms .table table {
    margin-bottom: 0;
    margin-top: 22px;
  }
}
.wcms .table caption {
  caption-side: bottom;
  display: table-caption;
  text-align: left;
  margin-top: 20px;
  font-size: 14px;
  font-size: 0.77778rem;
  font-weight: normal;
  line-height: 1.4;
}
@media (max-width: 750px) {
  .wcms .table caption {
    font-size: 16px;
    font-size: 0.88889rem;
  }
}
.wcms .table thead > tr > th {
  font-weight: normal;
  font-weight: bold;
  padding-bottom: 10px;
  padding-bottom: 0.55556rem;
  padding-top: 10px;
  padding-top: 0.55556rem;
  padding-left: 15px;
  padding-left: 0.83333rem;
  vertical-align: bottom;
}
.wcms .table th,
.wcms .table td {
  line-height: 1.4;
  padding: 16px 15px 16px 15px;
  vertical-align: top;
  text-align: left;
}
.wcms .table th:first-child,
.wcms .table td:first-child {
  padding-left: 0;
}
.wcms .table th:last-child,
.wcms .table td:last-child {
  border-right: 1px solid transparent;
  padding-right: 0;
}
.wcms .table th.align-right,
.wcms .table td.align-right {
  text-align: right;
  padding-left: 20px;
}
.wcms .table th.align-center,
.wcms .table td.align-center {
  text-align: center;
  padding-left: 20px;
}
.wcms .table th.valign-top,
.wcms .table td.valign-top {
  vertical-align: top;
}
.wcms .table th.valign-middle,
.wcms .table td.valign-middle {
  vertical-align: middle;
}
.wcms .table th.valign-bottom,
.wcms .table td.valign-bottom {
  vertical-align: bottom;
}
.wcms .table td.as-icon {
  text-align: center;
  width: 1%;
  padding-left: 16px;
  padding-left: 0.88889rem;
  padding-right: 16px;
  padding-right: 0.88889rem;
}
.wcms .table tbody > tr > th,
.wcms .table tbody > tr > td {
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.wcms .table tbody > tr:first-child > th,
.wcms .table tbody > tr:first-child > td {
  border-top: 1px solid #e6e6e6;
}
.wcms .table .table--value ol:not([class]),
.wcms .table .table--value ul:not([class]) {
  margin-bottom: 1em;
}
html.no-ie .wcms .table .table--value ol:not([class]) {
  margin-top: 1ex;
  margin-bottom: 1em;
  counter-reset: ol--counter;
}
html.no-ie .wcms .table .table--value ol:not([class]) > li {
  position: relative;
  padding-left: 1.66666em;
  list-style-type: none;
}
html.no-ie .wcms .table .table--value ol:not([class]) > li:before {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 2ex;
  content: "\2013";
}
html.ie html.no-ie .wcms .table .table--value ol:not([class]) > li {
  padding-left: 1.3em;
}
html.no-ie .wcms .table .table--value ol:not([class]) > li {
  list-style-type: none;
}
html.no-ie .wcms .table .table--value ol:not([class]) > li:before {
  counter-increment: ol--counter;
  content: counter(ol--counter) ".";
  text-align: right;
}
html.ie .wcms .table .table--value ol:not([class]) > li {
  list-style: decimal inside none;
}
html.ie .wcms .table .table--value ol:not([class]) > li:before {
  content: "";
  display: inline-block;
  margin-left: -0.5em;
}
.wcms .table .table--value ul:not([class]) {
  margin-top: 1ex;
  margin-bottom: 1em;
}
.wcms .table .table--value ul:not([class]) > li {
  position: relative;
  padding-left: 1.66666em;
  list-style-type: none;
}
.wcms .table .table--value ul:not([class]) > li:before {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 2ex;
  content: "\2013";
}
html.ie .wcms .table .table--value ul:not([class]) > li {
  padding-left: 1.3em;
}
.wcms .table .table--value a:not([class]):not([class]) {
  color: #00545e;
  text-decoration: underline;
  text-underline-position: under;
}
.wcms .table .table--value a:not([class]):not([class]):hover {
  color: #0d2f60;
}
.wcms .table .table--value a:not([class]):not([class])[data-lightbox] {
  display: inline-block;
  position: relative;
  -webkit-text-decoration-style: dashed;
  text-decoration-style: dashed;
  padding-right: 24px;
  padding-left: 0px;
}
.wcms .table .table--value a:not([class]):not([class])[data-lightbox]:before {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -135px -227px;
  width: 19px;
  height: 19px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9.5px;
  right: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .table .table--value a:not([class]):not([class])[data-lightbox]:before {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -135px -227px;
    background-size: 288px 285px;
  }
}
.wcms .table .table--value a:not([class]):not([class])[data-lightbox]:hover:before,
.wcms .table .table--value a:not([class]):not([class])[data-lightbox]:focus:before,
.wcms .table .table--value a:not([class]):not([class])[data-lightbox].is-active:before {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -259px -43px;
  width: 19px;
  height: 19px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9.5px;
  right: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .table .table--value a:not([class]):not([class])[data-lightbox]:hover:before,
  .wcms .table .table--value a:not([class]):not([class])[data-lightbox]:focus:before,
  .wcms .table .table--value a:not([class]):not([class])[data-lightbox].is-active:before {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -259px -43px;
    background-size: 288px 285px;
  }
}
.wcms .table .table--title {
  display: none;
  color: #666666;
}
.wcms .table.has-transparent-borders tbody > tr:first-child th,
.wcms .table.has-transparent-borders tbody > tr:first-child td {
  border-color: transparent;
}
.wcms .table.has-transparent-borders tbody > tr th,
.wcms .table.has-transparent-borders tbody > tr td {
  border-color: transparent;
}
.wcms .table.has-claustrophobia table,
.wcms .table.has-claustrophobia tbody,
.wcms .table.has-claustrophobia tfoot,
.wcms .table.has-claustrophobia tr,
.wcms .table.has-claustrophobia td,
.wcms .table.has-claustrophobia th {
  display: block;
  text-align: left;
}
.wcms .table.has-claustrophobia table caption {
  display: block;
  margin-bottom: 1em;
}
.wcms .table.has-claustrophobia thead {
  display: none;
}
.wcms .table.has-claustrophobia th,
.wcms .table.has-claustrophobia td {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  border-bottom: 0;
  word-break: break-word;
}
.wcms .table.has-claustrophobia td {
  display: table;
  width: 100%;
  margin: 5px 0;
}
.wcms .table.has-claustrophobia td .table--title,
.wcms .table.has-claustrophobia td .table--value {
  display: table-cell;
  vertical-align: top;
  padding-right: 10px;
  padding-right: 0.55556rem;
}
.wcms .table.has-claustrophobia td .table--title {
  width: 50%;
  padding-left: 10px;
  padding-left: 0.55556rem;
  padding-right: 15px;
  padding-right: 0.83333rem;
}
.wcms .table.has-claustrophobia td.as-notext {
  display: block;
  padding: 0;
  padding-right: 10px;
  padding-right: 0.55556rem;
  padding-left: 10px;
  padding-left: 0.55556rem;
  margin-top: 10px;
  margin-bottom: 5px;
}
.wcms .table.has-claustrophobia td.as-notext + td.as-notext {
  margin-top: 0;
}
.wcms .table.has-claustrophobia td.as-icon {
  display: block;
  padding: 0;
  padding-right: 10px;
  padding-right: 0.55556rem;
  padding-left: 10px;
  padding-left: 0.55556rem;
  margin-top: 10px;
  margin-bottom: 5px;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
.wcms .table.has-claustrophobia td.as-icon + td.as-icon {
  margin-top: 0;
}
.wcms .table.has-claustrophobia tbody > tr {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-top: 1px solid #e6e6e6;
  padding-bottom: 10px;
  padding-top: 10px;
}
.wcms .table.has-claustrophobia tbody > tr > th:first-of-type {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  font-weight: normal;
  font-weight: bold;
  color: inherit;
  padding: 16px 10px 8px;
  padding: 0.88889rem 0.55556rem 0.44444rem;
}
.wcms .table.has-claustrophobia tbody > tr > th,
.wcms .table.has-claustrophobia tbody > tr td {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-right: none;
}
.wcms .table.has-claustrophobia tbody > tr:first-child > th,
.wcms .table.has-claustrophobia tbody > tr:first-child > td {
  border-top: 0;
}
.wcms .table.has-claustrophobia tbody {
  border-bottom: 1px solid #e6e6e6;
}
.wcms .table.has-claustrophobia.table-inline td .table--title,
.wcms .table.has-claustrophobia.table-inline td .table--value {
  padding-right: 0;
}
.wcms .table.has-claustrophobia.table-inline td .table--title {
  padding-left: 0;
}
.wcms .table.has-claustrophobia.table-inline td .table--action {
  padding: 0;
}
.wcms .table.has-claustrophobia.table-inline tbody > tr > th:first-of-type {
  padding-left: 0;
  padding-right: 0;
}
.wcms .table.has-claustrophobia .table--action {
  display: block;
  text-align: left;
  padding: 7px 0;
}
.wcms .table.has-claustrophobia .table--action--icon {
  margin-right: 6px;
}
.wcms .table:not(.has-claustrophobia) .table--action--text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.wcms .table:not(.has-claustrophobia) .js-table--showtable {
  display: none;
}
.wcms .table.has-claustrophobia .is-hidden-collapsed {
  display: none !important;
}
.wcms .table:not(.has-claustrophobia) .is-visible-collapsed {
  display: none !important;
}
.wcms .table--sort {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  -ms-grid-rows: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0px 1em;
}
.wcms .table--sort .table--sort--label {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/3/2;
}
.wcms .table--sort .table--sort--icon.table--sort--icon-ascending {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 1/2/2/3;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.wcms .table--sort .table--sort--icon.table--sort--icon-descending {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 2/2/3/3;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.wcms .table--sort .table--sort--button {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: 1/1/3/3;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .wcms .table--sort {
    display: -ms-grid;
    -ms-grid-columns: 1fr auto;
    -ms-grid-rows: 1fr;
    gap: 0 1em;
  }
  .wcms .table--sort .table--sort--label {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .wcms .table--sort .table--sort--icon {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .wcms .table--sort .table--sort--button {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
.wcms .table--sort-ascending {
  display: none;
}
th[aria-sort=ascending] .wcms .table--sort-ascending .table--sort--icon-up {
  display: block;
}
.wcms .table--sort-descending {
  display: none;
}
th[aria-sort=descending] .wcms .table--sort-descending {
  display: block;
}
.wcms .table--sort--button {
  position: relative;
}
.has-claustrophobia .wcms .table--sort--button {
  display: none;
}
.wcms .table--sort--icon {
  opacity: 0.5;
  pointer-events: none;
}
th[aria-sort] .wcms .table--sort--icon {
  opacity: 1;
}
th[aria-sort=descending] .wcms .table--sort--icon.table--sort--icon-ascending {
  opacity: 0;
}
th[aria-sort=ascending] .wcms .table--sort--icon.table--sort--icon-descending {
  opacity: 0;
}
.wcms .accordion {
  margin-bottom: 90px;
  margin-top: 90px;
}
@media (max-width: 900px) {
  .wcms .accordion {
    margin-bottom: 57px;
    margin-top: 57px;
  }
}
@media (max-width: 580px) {
  .wcms .accordion {
    margin-bottom: 38px;
    margin-top: 38px;
  }
}
.wcms .accordion .l-center-m {
  width: 100%;
}
.wcms .accordion--list {
  border-top: 1px solid #e6e6e6;
}
.wcms .accordion--item {
  position: relative;
  border-bottom: 1px solid #e6e6e6;
}
.wcms .accordion--item.is-disabled {
  opacity: 1;
}
.wcms .accordion--item.is-opened .accordion--item--whenclosed {
  display: none;
}
.wcms .accordion--item:not(.is-opened) .accordion--item--whenopened {
  display: none;
}
.wcms .accordion--item--trigger {
  font-size: 30px;
  font-size: 1.66667rem;
  font-weight: normal;
  line-height: 1.4;
  position: relative;
  display: block;
  width: 100%;
}
.wcms .accordion--item--trigger_button {
  display: block;
  text-align: left;
  cursor: pointer;
  padding: 30px 40px 30px 0;
  padding: 1.66667rem 2.22222rem 1.66667rem 0;
  width: 100%;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: inherit;
}
.wcms .accordion--item--trigger_button:after {
  width: 0.6em;
  height: 0.6em;
  content: "";
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px 1px 0 0;
  -webkit-transform: translateY(-0.459em) translateX(-0.3em) scaleY(0.75) rotate(135deg);
  -ms-transform: translateY(-0.459em) translateX(-0.3em) scaleY(0.75) rotate(135deg);
  transform: translateY(-0.459em) translateX(-0.3em) scaleY(0.75) rotate(135deg);
  right: 0px;
  transition: -webkit-transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms;
}
.wcms .accordion--item--trigger_button.is-opened:after {
  -webkit-transform: translateY(-0.141em) translateX(-0.3em) scaleY(0.75) rotate(-45deg);
  -ms-transform: translateY(-0.141em) translateX(-0.3em) scaleY(0.75) rotate(-45deg);
  transform: translateY(-0.141em) translateX(-0.3em) scaleY(0.75) rotate(-45deg);
}
.wcms .accordion--item--trigger_button[disabled] {
  opacity: 0.3;
}
.wcms .accordion--item--img {
  margin: 11px 20px 11px 20px;
  margin: 0.61111rem 1.11111rem 0.61111rem 1.11111rem;
  position: absolute;
}
@media (max-width: 750px) {
  .wcms .accordion--item--img {
    margin: 6px 10px 6px 10px;
  }
}
.wcms .accordion--item--img + .accordion--item--trigger_button {
  padding-left: 80px;
  padding-left: 4.44444rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 750px) {
  .wcms .accordion--item--img + .accordion--item--trigger_button {
    padding-left: 65px;
  }
}
.wcms .accordion--item--title {
  margin: 0;
}
.wcms .accordion--item--subtitle {
  margin-top: 4px;
  margin-top: 0.22222rem;
  display: block;
}
.wcms .accordion-fullheight .accordion--item--trigger_button {
  min-height: 80px;
  min-height: 4.44444rem;
}
.wcms .accordion-fullheight .accordion--item--img {
  top: 8px;
  top: 0.44444rem;
}
.wcms .accordion-ordered {
  counter-reset: accordion;
}
.wcms .accordion-ordered .accordion--item--trigger_button {
  display: table;
}
.wcms .accordion-ordered .accordion--item--trigger_button:before {
  display: table-cell;
  padding-right: 0.35em;
  counter-increment: accordion;
  content: counter(accordion) ".";
}
.wcms .accordion-ordered .accordion--item--title {
  display: table-cell;
  width: 100%;
}
.wcms .accordion--item--content {
  display: none;
  margin-top: -2em;
  padding-bottom: 60px;
  padding-bottom: 3.33333rem;
}
.wcms .accordion--item--content:before {
  content: "";
  margin-bottom: 2em;
  display: table;
}
.wcms .accordion--item--content.is-opened {
  display: block;
}
.wcms .article-columns,
.wcms .article_columns {
  margin-bottom: 30px;
}
@media (max-width: 900px) {
  .wcms .article-columns,
  .wcms .article_columns {
    margin-bottom: 30px;
  }
}
@media (max-width: 580px) {
  .wcms .article-columns,
  .wcms .article_columns {
    margin-bottom: 22px;
  }
}
.wcms .article-columns .article-text > .article-title,
.wcms .article_columns .article_text > .article_title,
.wcms .article-columns .article-title,
.wcms .article_columns .article_title {
  margin-top: 0;
}
.wcms .article-columns--inner,
.wcms .article_columns--inner {
  display: table;
  font-size: 0;
  table-layout: fixed;
  width: 100%;
}
.wcms .article-columns--col,
.wcms .article_columns--col {
  display: table-cell;
  padding-right: 20px;
  padding-right: 1.11111rem;
  font-size: 18px;
  font-size: 1rem;
  width: 50%;
  vertical-align: top;
}
.wcms .article_columns--col::before,
.wcms .article-columns--col::before,
.wcms .article-columns--col::after,
.wcms .article_columns--col::after {
  display: block;
  content: "";
  float: none;
  clear: both;
  height: 1px;
  margin-top: -1px;
}
.wcms .article-columns--col::before,
.wcms .article_columns--col::before {
  margin-bottom: 26px;
}
.wcms .article-columns--col::after,
.wcms .article_columns--col::after {
  margin-top: 24px;
}
.wcms .article-columns--col + .article-columns--col,
.wcms .article_columns--col + .article_columns--col {
  padding-left: 20px;
  padding-left: 1.11111rem;
  padding-right: 0;
}
.wcms .article-columns--col.one-third,
.wcms .article_columns--col.one-third {
  width: 33.33%;
}
.wcms .article-columns--col.two-thirds,
.wcms .article_columns--col.two-thirds {
  width: 66.66%;
}
@media (max-width: 750px) {
  .wcms .article-columns--col,
  .wcms .article_columns--col {
    padding-right: 0;
    display: block;
    width: 100%;
  }
  .wcms .article_columns--col.one-third,
  .wcms .article-columns--col.one-third,
  .wcms .article-columns--col.two-thirds,
  .wcms .article_columns--col.two-thirds {
    width: 100%;
  }
  .wcms .article-columns--col + .article-columns--col,
  .wcms .article_columns--col + .article_columns--col {
    margin-top: 30px;
    padding-left: 0;
  }
}
@media (max-width: 750px) and (max-width: 900px) {
  .wcms .article-columns--col + .article-columns--col,
  .wcms .article_columns--col + .article_columns--col {
    margin-bottom: 0;
    margin-top: 30px;
  }
}
@media (max-width: 750px) and (max-width: 580px) {
  .wcms .article-columns--col + .article-columns--col,
  .wcms .article_columns--col + .article_columns--col {
    margin-bottom: 0;
    margin-top: 22px;
  }
}
@media (max-width: 750px) {
  .wcms .article-columns--col::before,
  .wcms .article_columns--col::before {
    margin-bottom: 20px;
  }
  .wcms .article-columns--col::after,
  .wcms .article_columns--col::after {
    margin-top: 18px;
  }
}
.wcms .article-columns--title,
.wcms .article_columns--title {
  display: block;
  padding-right: 0;
  width: 100%;
}
.wcms .article-columns--title::before,
.wcms .article_columns--title::before {
  display: block;
  content: "";
  float: none;
  clear: both;
  height: 1px;
  margin-top: -1px;
  margin-bottom: 26px;
}
.wcms .article-columns--title + .article-columns--inner .article-columns--col::before,
.wcms .article_columns--title + .article_columns--inner .article_columns--col::before {
  content: none;
}
@media (max-width: 750px) {
  .wcms .article-columns--title::before,
  .wcms .article_columns--title::before {
    margin-bottom: 20px;
  }
}
.wcms .article_columns--title .article_image,
.wcms .article-columns--title .article-image,
.wcms .article-columns--title .article-video,
.wcms .article_columns--title .article_video,
.wcms .article_columns--content .article_image,
.wcms .article-columns--content .article-image,
.wcms .article-columns--content .article-video,
.wcms .article_columns--content .article_video {
  margin-top: 0em;
  margin-bottom: 1.2em;
}
.wcms .article-columns-dark,
.wcms .article_columns-dark {
  background-color: #f2f2f2;
}
.wcms .article-columns-dark .article-columns--title,
.wcms .article_columns-dark .article_columns--title {
  padding: 15px 0 0;
}
.wcms .article-columns-dark .article-columns--col,
.wcms .article_columns-dark .article_columns--col {
  padding: 15px;
}
.wcms .article-columns-dark .article-columns--col + .article-columns--col,
.wcms .article_columns-dark .article_columns--col + .article_columns--col {
  margin-top: 15px;
}
.wcms .article-columns-dark .article-columns--col:first-child,
.wcms .article_columns-dark .article_columns--col:first-child {
  padding-left: 0;
}
.wcms .article-columns-dark .article-columns--col:last-child,
.wcms .article_columns-dark .article_columns--col:last-child {
  padding-right: 0;
}
@media (max-width: 750px) {
  .wcms .article-columns-dark,
  .wcms .article_columns-dark {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .wcms .article-columns-dark .article-columns--col,
  .wcms .article_columns-dark .article_columns--col {
    padding-left: 0;
    padding-right: 0;
  }
  .wcms .article-columns-dark .article-columns--col + .article-columns--col,
  .wcms .article_columns-dark .article_columns--col + .article_columns--col {
    margin-top: 0;
    padding-top: 0;
  }
  .wcms .article_columns-dark .article_columns--col:first-child:nth-last-child(n+2),
  .wcms .article-columns-dark .article-columns--col:first-child:nth-last-child(n+2),
  .wcms .article-columns-dark .article-columns--col:nth-last-child(n+2):not(:first-child),
  .wcms .article_columns-dark .article_columns--col:nth-last-child(n+2):not(:first-child) {
    padding-bottom: 0;
  }
}
@media (max-width: 900px) {
  .wcms .article-columns-dark,
  .wcms .article_columns-dark {
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.wcms .article-columns-v-middle .article-columns--col,
.wcms .article_columns-v-middle .article_columns--col {
  vertical-align: middle;
}
.wcms .article-columns-v-bottom .article-columns--col,
.wcms .article_columns-v-bottom .article_columns--col {
  vertical-align: bottom;
}
.wcms .article-image,
.wcms .article_image {
  margin-bottom: 45px;
  margin-top: 45px;
}
@media (max-width: 900px) {
  .wcms .article-image,
  .wcms .article_image {
    margin-bottom: 40px;
    margin-top: 40px;
  }
}
@media (max-width: 580px) {
  .wcms .article-image,
  .wcms .article_image {
    margin-bottom: 27px;
    margin-top: 27px;
  }
}
.wcms .article-image.article-image-no-gap-above,
.wcms .article_image.article_image-no-gap-above {
  margin-top: 0;
}
.wcms .article-image.article-image-no-gap-below,
.wcms .article_image.article_image-no-gap-below {
  margin-bottom: 0;
}
.wcms .article-image--image-container,
.wcms .article_image--image_container {
  margin-bottom: 15px;
  margin-bottom: 0.83333rem;
  position: relative;
}
.wcms .article-image--link,
.wcms .article_image--link {
  display: inherit;
}
.wcms .article-image--image,
.wcms .article_image--image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: attr(width)/attr(height);
}
.wcms .article-image--caption,
.wcms .article_image--caption {
  font-size: 14px;
  font-size: 0.77778rem;
  font-weight: normal;
  line-height: 1.4;
  display: block;
}
@media (max-width: 750px) {
  .wcms .article-image--caption,
  .wcms .article_image--caption {
    font-size: 16px;
    font-size: 0.88889rem;
  }
}
.wcms .article-image--caption p,
.wcms .article_image--caption p {
  margin-top: 1ex;
  margin-bottom: 1em;
}
.wcms .article-image--caption > *:first-child,
.wcms .article_image--caption > *:first-child {
  margin-top: 0;
}
.wcms .article-image--caption > *:last-child,
.wcms .article_image--caption > *:last-child {
  margin-bottom: 0;
}
.wcms .article-image--caption a:not([class]),
.wcms .article_image--caption a:not([class]) {
  color: #00545e;
  text-decoration: underline;
  text-underline-position: under;
}
.wcms .article-image--caption a:not([class]):hover,
.wcms .article_image--caption a:not([class]):hover {
  color: #0d2f60;
}
.wcms .article-image--caption a:not([class])[data-lightbox],
.wcms .article_image--caption a:not([class])[data-lightbox] {
  display: inline-block;
  position: relative;
  -webkit-text-decoration-style: dashed;
  text-decoration-style: dashed;
  padding-right: 24px;
  padding-left: 0px;
}
.wcms .article-image--caption a:not([class])[data-lightbox]:before,
.wcms .article_image--caption a:not([class])[data-lightbox]:before {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -135px -227px;
  width: 19px;
  height: 19px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9.5px;
  right: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .article-image--caption a:not([class])[data-lightbox]:before,
  .wcms .article_image--caption a:not([class])[data-lightbox]:before {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -135px -227px;
    background-size: 288px 285px;
  }
}
.wcms .article-image--caption a:not([class])[data-lightbox]:hover:before,
.wcms .article_image--caption a:not([class])[data-lightbox]:hover:before,
.wcms .article_image--caption a:not([class])[data-lightbox]:focus:before,
.wcms .article-image--caption a:not([class])[data-lightbox]:focus:before,
.wcms .article-image--caption a:not([class])[data-lightbox].is-active:before,
.wcms .article_image--caption a:not([class])[data-lightbox].is-active:before {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -259px -43px;
  width: 19px;
  height: 19px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9.5px;
  right: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .article_image--caption a:not([class])[data-lightbox]:hover:before,
  .wcms .article-image--caption a:not([class])[data-lightbox]:hover:before,
  .wcms .article_image--caption a:not([class])[data-lightbox]:focus:before,
  .wcms .article-image--caption a:not([class])[data-lightbox]:focus:before,
  .wcms .article-image--caption a:not([class])[data-lightbox].is-active:before,
  .wcms .article_image--caption a:not([class])[data-lightbox].is-active:before {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -259px -43px;
    background-size: 288px 285px;
  }
}
.wcms .article-image--caption strong,
.wcms .article_image--caption strong {
  font-weight: normal;
  font-weight: bold;
}
.wcms .article-image--caption a:not([class]),
.wcms .article_image--caption a:not([class]) {
  color: #00545e;
}
.wcms .article-image--caption a:not([class]):hover,
.wcms .article_image--caption a:not([class]):hover {
  color: #0d2f60;
}
.wcms .article-text,
.wcms .article_text {
  margin-top: 1em;
  margin-bottom: 1.2em;
}
.wcms .article_text ol,
.wcms .article-text ol,
.wcms .article-text ul,
.wcms .article_text ul,
.wcms .article_text img,
.wcms .article-text img,
.wcms .article-text table,
.wcms .article_text table,
.wcms .article_text pre,
.wcms .article-text pre,
.wcms .article-text code,
.wcms .article_text code {
  margin-bottom: 1em;
}
html.no-ie .wcms .article-text ol,
html.no-ie .wcms .article_text ol {
  margin-top: 1ex;
  margin-bottom: 1em;
  counter-reset: ol--counter;
}
html.no-ie .wcms .article-text ol > li,
html.no-ie .wcms .article_text ol > li {
  position: relative;
  padding-left: 1.66666em;
  list-style-type: none;
}
html.no-ie .wcms .article-text ol > li:before,
html.no-ie .wcms .article_text ol > li:before {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 2ex;
  content: "\2013";
}
html.ie html.no-ie .wcms .article-text ol > li,
html.ie html.no-ie .wcms .article_text ol > li {
  padding-left: 1.3em;
}
html.no-ie .wcms .article-text ol > li,
html.no-ie .wcms .article_text ol > li {
  list-style-type: none;
}
html.no-ie .wcms .article-text ol > li:before,
html.no-ie .wcms .article_text ol > li:before {
  counter-increment: ol--counter;
  content: counter(ol--counter) ".";
  text-align: right;
}
html.ie .wcms .article-text ol > li,
html.ie .wcms .article_text ol > li {
  list-style: decimal inside none;
}
html.ie .wcms .article-text ol > li:before,
html.ie .wcms .article_text ol > li:before {
  content: "";
  display: inline-block;
  margin-left: -0.5em;
}
.wcms .article-text small,
.wcms .article_text small {
  font-size: 16px;
  font-size: 0.88889rem;
  font-weight: normal;
  line-height: 1.6;
}
.wcms .article-text img,
.wcms .article_text img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.wcms .article-text hr,
.wcms .article_text hr {
  border: none;
  border-top: 1px solid #cccccc;
  color: #ffffff;
  background-color: #ffffff;
  height: 1px;
}
.wcms .article-text p,
.wcms .article_text p {
  margin-top: 1ex;
  margin-bottom: 1em;
}
.wcms .article-text > *:first-child,
.wcms .article_text > *:first-child {
  margin-top: 0;
}
.wcms .article-text > *:last-child,
.wcms .article_text > *:last-child {
  margin-bottom: 0;
}
.wcms .article-text a:not([class]),
.wcms .article_text a:not([class]) {
  color: var(--color-zpetrol-7);
}
@media screen and (forced-colors: none) {
  .dark .wcms .article-text a:not([class]),
  .dark .wcms .article_text a:not([class]) {
    color: var(--color-zpetrol-4);
  }
}
.wcms .article-text a:not([class]),
.wcms .article_text a:not([class]) {
  text-decoration: underline;
  text-underline-position: under;
}
.wcms .article-text a:not([class]):hover,
.wcms .article_text a:not([class]):hover {
  color: var(--color-zpetrol-8);
}
@media screen and (forced-colors: none) {
  .dark .wcms .article-text a:not([class]):hover,
  .dark .wcms .article_text a:not([class]):hover {
    color: var(--color-zpetrol-2);
  }
}
.wcms .article-text a:not([class])[data-lightbox],
.wcms .article_text a:not([class])[data-lightbox] {
  display: inline-block;
  position: relative;
  -webkit-text-decoration-style: dashed;
  text-decoration-style: dashed;
  padding-right: 24px;
  padding-left: 0px;
}
.wcms .article-text a:not([class])[data-lightbox]:before,
.wcms .article_text a:not([class])[data-lightbox]:before {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -135px -227px;
  width: 19px;
  height: 19px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9.5px;
  right: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .article-text a:not([class])[data-lightbox]:before,
  .wcms .article_text a:not([class])[data-lightbox]:before {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -135px -227px;
    background-size: 288px 285px;
  }
}
.wcms .article_text a:not([class])[data-lightbox]:hover:before,
.wcms .article-text a:not([class])[data-lightbox]:hover:before,
.wcms .article_text a:not([class])[data-lightbox]:focus:before,
.wcms .article-text a:not([class])[data-lightbox]:focus:before,
.wcms .article-text a:not([class])[data-lightbox].is-active:before,
.wcms .article_text a:not([class])[data-lightbox].is-active:before {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -259px -43px;
  width: 19px;
  height: 19px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9.5px;
  right: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .article_text a:not([class])[data-lightbox]:hover:before,
  .wcms .article-text a:not([class])[data-lightbox]:hover:before,
  .wcms .article_text a:not([class])[data-lightbox]:focus:before,
  .wcms .article-text a:not([class])[data-lightbox]:focus:before,
  .wcms .article-text a:not([class])[data-lightbox].is-active:before,
  .wcms .article_text a:not([class])[data-lightbox].is-active:before {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -259px -43px;
    background-size: 288px 285px;
  }
}
.wcms .article-text strong,
.wcms .article_text strong {
  font-weight: normal;
  font-weight: bold;
}
.wcms .article-text a:not([class]),
.wcms .article_text a:not([class]) {
  color: #00545e;
}
.wcms .article-text a:not([class]):hover,
.wcms .article_text a:not([class]):hover {
  color: #0d2f60;
}
.wcms .article-text-advertising,
.wcms .article_text-advertising {
  color: #969696;
}
.wcms .article-columns--inner .articletext-component .article-text,
.wcms .article_columns--inner .articletext-component .article_text {
  margin-top: 0;
}
@media (max-width: 750px) {
  .wcms .articletext-component .l-pane-theme_dark {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (max-width: 900px) {
  .wcms .articletext-component .l-pane-theme_dark {
    margin-right: -30px;
    margin-left: -30px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.wcms .accordion--item--content > .articletext-component:first-child .article-text,
.wcms .accordion--item--content > .articletext-component:first-child .article_text {
  margin-top: 0;
}
.wcms .article-title,
.wcms .article_title {
  margin-bottom: 15px;
  font-size: 24px;
  font-size: 1.33333rem;
  font-weight: normal;
  line-height: 1.4;
}
@media (max-width: 900px) {
  .wcms .article-title,
  .wcms .article_title {
    margin-bottom: 15px;
  }
}
@media (max-width: 580px) {
  .wcms .article-title,
  .wcms .article_title {
    margin-bottom: 15px;
  }
}
.wcms h1.article-title,
.wcms h1.article_title {
  font-size: 38px;
  font-size: 2.11111rem;
  font-weight: normal;
  line-height: 1.3;
}
.wcms h2.article-title,
.wcms h2.article_title {
  font-size: 30px;
  font-size: 1.66667rem;
  font-weight: normal;
  line-height: 1.4;
}
.wcms h3.article-title,
.wcms h3.article_title {
  font-size: 24px;
  font-size: 1.33333rem;
  font-weight: normal;
  line-height: 1.4;
}
.wcms h4.article-title,
.wcms h4.article_title {
  font-size: 20px;
  font-size: 1.11111rem;
  font-weight: normal;
}
.wcms .article_title,
.wcms .article-title,
.wcms .article-text > .article-title,
.wcms .article_text > .article_title {
  margin-top: 2em;
}
.wcms .styledlist-component .article-title,
.wcms .styledlist-component .article_title,
.wcms .table-component .article-title,
.wcms .table-component .article_title {
  margin-top: 2em;
}
.wcms .faqlist-component .article-title,
.wcms .faqlist-component .article_title {
  margin-top: 45px;
}
.wcms .article-video,
.wcms .article_video {
  margin-bottom: 45px;
  margin-top: 45px;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
@media (max-width: 900px) {
  .wcms .article-video,
  .wcms .article_video {
    margin-bottom: 40px;
    margin-top: 40px;
  }
}
@media (max-width: 580px) {
  .wcms .article-video,
  .wcms .article_video {
    margin-bottom: 27px;
    margin-top: 27px;
  }
}
.wcms .article-video.is-ready .article-video--content,
.wcms .article_video.is-ready .article_video--content {
  display: block;
}
.wcms .article-video--link,
.wcms .article_video--link {
  position: relative;
  display: block;
}
.wcms .article-video--link > img,
.wcms .article_video--link > img {
  display: block;
  width: 100%;
}
.wcms .article-video--link:hover .article-video--play_button:before,
.wcms .article_video--link:hover .article_video--play_button:before {
  opacity: 1;
}
.wcms .article-video--play_button,
.wcms .article_video--play_button {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  height: 65px;
  width: 65px;
  margin-top: -32.5px;
  margin-left: -32.5px;
}
.wcms .article-video--play_button:before,
.wcms .article_video--play_button:before {
  content: "";
  display: block;
  opacity: 0.7;
  border-radius: 4px;
  background-color: #000000;
  width: 65px;
  height: 65px;
  transition: opacity 350ms cubic-bezier(0.175, 0.885, 0.32, 1.6);
}
.wcms .article-video--content,
.wcms .article_video--content {
  border: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.wcms .icon_text_list {
  margin-bottom: 60px;
  width: 100%;
  table-layout: fixed;
  display: table;
}
@media (max-width: 900px) {
  .wcms .icon_text_list {
    margin-bottom: 46px;
  }
}
@media (max-width: 580px) {
  .wcms .icon_text_list {
    margin-bottom: 31px;
    display: block;
    padding: 15px 0;
  }
}
.wcms .icon_text_list-nogap {
  margin-top: 0;
  margin-bottom: 0;
}
.wcms .icon_text_list-largetext .icon_text_list--item--text {
  font-size: 1.3333rem;
  line-height: 1.25;
}
@media (max-width: 580px) {
  .wcms .icon_text_list-keeplayout .icon_text_list--item {
    display: table;
    width: 100%;
  }
}
.wcms .icon_text_list--item {
  display: table-cell;
  text-align: center;
  padding: 40px 20px 30px;
  border-right: 1px solid #ffffff;
}
.wcms .icon_text_list--item:last-child {
  border-right: 0;
}
@media (max-width: 900px) {
  .wcms .icon_text_list--item {
    padding: 30px 20px 20px;
  }
}
.wcms .icon_text_list--item--image > img {
  display: inline-block;
  height: 110px;
}
@media (max-width: 900px) {
  .wcms .icon_text_list--item--image > img {
    height: 75px;
  }
}
@media (max-width: 580px) {
  .wcms .icon_text_list:not(.icon_text_list-keeplayout) .icon_text_list--item {
    display: table;
    width: 100%;
    border-right: 0;
    padding: 7px 20px;
    text-align: left;
  }
  .wcms .icon_text_list:not(.icon_text_list-keeplayout) .icon_text_list--item--text {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
  }
  .wcms .icon_text_list:not(.icon_text_list-keeplayout) .icon_text_list--item--image > img {
    width: 100%;
    height: auto;
    vertical-align: middle;
  }
  .wcms .icon_text_list:not(.icon_text_list-keeplayout) .icon_text_list--item--image {
    display: table-cell;
    vertical-align: middle;
    width: 50px;
  }
}
.wcms .linklist {
  margin-bottom: 30px;
}
@media (max-width: 900px) {
  .wcms .linklist {
    margin-bottom: 30px;
  }
}
@media (max-width: 580px) {
  .wcms .linklist {
    margin-bottom: 22px;
  }
}
.wcms .linklist.linklist-top_gap {
  margin-bottom: 60px;
  margin-top: 15px;
}
@media (max-width: 900px) {
  .wcms .linklist.linklist-top_gap {
    margin-bottom: 46px;
    margin-top: 15px;
  }
}
@media (max-width: 580px) {
  .wcms .linklist.linklist-top_gap {
    margin-bottom: 31px;
    margin-top: 15px;
  }
}
.wcms .linklist.linklist-no_gap {
  margin-bottom: 0;
}
.article-columns-dark .wcms .linklist,
.article_columns-dark .wcms .linklist {
  margin-bottom: 1.2em;
}
.wcms .linklist--item {
  margin-bottom: 8px;
}
.wcms .linklist--item--link {
  display: inline-block;
  white-space: normal;
  line-height: 1.3;
}
.wcms a.link.linklist--item--link.has-icon {
  margin-left: 30px;
}
.wcms a.link.linklist--item--link.has-icon > i,
.wcms a.link.linklist--item--link.has-icon > .ico {
  left: -12px;
  margin-left: -18px;
}
.wcms .linklist-borderlist {
  margin-bottom: 45px;
  border-top: 1px solid #e6e6e6;
}
@media (max-width: 900px) {
  .wcms .linklist-borderlist {
    margin-bottom: 40px;
  }
}
@media (max-width: 580px) {
  .wcms .linklist-borderlist {
    margin-bottom: 27px;
  }
}
.wcms .linklist-borderlist .linklist--item {
  margin-bottom: 0;
  border-bottom: 1px solid #e6e6e6;
}
.wcms .linklist-borderlist .link.linklist--item--link {
  color: #666666;
  padding: 15px 15px;
  padding: 0.83333rem 0.83333rem;
  width: 100%;
  background: transparent;
  transition: background 250ms ease-out;
}
.wcms .linklist-borderlist .link.linklist--item--link.link-arrow {
  padding-right: 35px;
  color: #00545e;
}
.wcms .linklist-borderlist .link.linklist--item--link.link-arrow:before {
  right: calc(15px - 0.3em);
}
.wcms .linklist-borderlist .link.linklist--item--link.has-icon {
  margin-left: 0;
  padding-left: 45px;
}
.wcms .linklist-borderlist .link.linklist--item--link:hover,
.wcms .linklist-borderlist .link.linklist--item--link:focus,
.wcms .linklist-borderlist .link.linklist--item--link.is-active {
  text-decoration: none;
  background: #f2f2f2;
}
.wcms .linklist-borderlist .link.linklist--item--link:hover.link-arrow,
.wcms .linklist-borderlist .link.linklist--item--link:focus.link-arrow,
.wcms .linklist-borderlist .link.linklist--item--link.is-active.link-arrow {
  color: #000000;
}
.wcms .linklist-borderlist.linklist-borderlist-dark {
  border-top: 1px solid #ffffff;
  background: #f2f2f2;
}
.wcms .linklist-borderlist.linklist-borderlist-dark .linklist--item {
  border-bottom: 1px solid #ffffff;
}
.wcms .linklist-borderlist.linklist-borderlist-dark .link.linklist--item--link.link-arrow {
  color: #000000;
}
.wcms .linklist-borderlist.linklist-borderlist-dark .link.linklist--item--link:hover,
.wcms .linklist-borderlist.linklist-borderlist-dark .link.linklist--item--link:focus,
.wcms .linklist-borderlist.linklist-borderlist-dark .link.linklist--item--link.is-active {
  background: #e6e6e6;
}
.wcms .linklist-borderlist.linklist-borderlist-dark .link.linklist--item--link:hover.link-arrow,
.wcms .linklist-borderlist.linklist-borderlist-dark .link.linklist--item--link:focus.link-arrow,
.wcms .linklist-borderlist.linklist-borderlist-dark .link.linklist--item--link.is-active.link-arrow {
  color: #00545e;
}
.wcms .list_styled {
  margin-top: 1ex;
  margin-bottom: 1em;
  margin-bottom: 45px;
  margin-top: 0;
}
.wcms .list_styled > li {
  position: relative;
  padding-left: 1.66666em;
  list-style-type: none;
}
.wcms .list_styled > li:before {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 2ex;
  content: "\2013";
}
html.ie .wcms .list_styled > li {
  padding-left: 1.3em;
}
@media (max-width: 900px) {
  .wcms .list_styled {
    margin-bottom: 40px;
  }
}
@media (max-width: 580px) {
  .wcms .list_styled {
    margin-bottom: 27px;
  }
}
.wcms .list_styled .list--item {
  position: relative;
  padding-left: 1.66666em;
  list-style-type: none;
}
.wcms .list_styled .list--item:before {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 2ex;
  content: "\2013";
}
.wcms .list_styled-half_gap {
  margin-bottom: 22.5px;
}
@media (max-width: 900px) {
  .wcms .list_styled-half_gap {
    margin-bottom: 23px;
  }
}
@media (max-width: 580px) {
  .wcms .list_styled-half_gap {
    margin-bottom: 19px;
  }
}
.wcms .list_styled-no_gap {
  margin-bottom: 0;
}
.wcms .article-title + .list-styled,
.wcms .article_title + .list_styled {
  margin-top: 20px;
}
.wcms .article-text + .list-styled,
.wcms .article_text + .list_styled {
  margin-top: -10px;
}
.wcms .list_styled-advantages .list--item {
  position: relative;
  padding-left: 40px;
  margin-bottom: 15px;
}
html.ie .wcms .list_styled-advantages .list--item {
  padding-left: 40px;
}
.wcms .list_styled-advantages .list--item:before {
  background: url("./media/1x--sprite-2c5c8bc8-VELPKMPH.png") no-repeat -213px -1px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: auto;
  margin-right: 2.5ex;
  vertical-align: super;
  content: "";
  width: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wcms .list_styled-advantages .list--item:before {
    background: url("./media/2x--sprite-20bd8381-SYK4ZWTH.png") -213px -1px;
    background-size: 288px 285px;
  }
}
.wcms .list_styled-numbers {
  counter-reset: ol--counter;
}
.wcms .list_styled-numbers .list--item {
  padding-left: 40px;
  margin-bottom: 15px;
}
html.ie .wcms .list_styled-numbers .list--item {
  padding-left: 40px;
}
.wcms .list_styled-numbers .list--item:before {
  margin-top: -1px;
  margin-right: 1.5ex;
  font-weight: normal;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.77778rem;
  counter-increment: ol--counter;
  content: counter(ol--counter);
  border-radius: 100%;
  border: 2px solid black;
  height: 30px;
  width: 30px;
  box-sizing: border-box;
  text-align: center;
  line-height: 2;
}
@media (max-width: 750px) {
  .wcms .list_styled-numbers .list--item:before {
    font-size: 16px;
    font-size: 0.88889rem;
  }
}
.wcms .list_styled-large_spacing .list--item {
  margin-bottom: 16px;
}
.wcms .list_styled-large_spacing .list--item:last-child {
  margin-bottom: 0;
}
.wcms .list_styled-no_bullets .list--item {
  padding: 0;
}
.wcms .list_styled-no_bullets .list--item:before {
  display: none;
}
.wcms .list_styled-keyvalue {
  margin-bottom: 18px;
}
.wcms .list_styled-keyvalue .list--item {
  padding-top: 5px;
  padding-top: 0.27778rem;
  padding-bottom: 5px;
  padding-bottom: 0.27778rem;
}
.wcms .title_page {
  margin-bottom: 45px;
  margin-top: 90px;
  font-size: 38px;
  font-size: 2.11111rem;
  font-weight: normal;
  line-height: 1.3;
}
@media (max-width: 900px) {
  .wcms .title_page {
    margin-bottom: 40px;
    margin-top: 57px;
  }
}
@media (max-width: 580px) {
  .wcms .title_page {
    margin-bottom: 27px;
    margin-top: 38px;
  }
}
.wcms .title_page > strong {
  font-weight: normal;
  font-weight: bold;
}
.wcms .article_text,
.wcms .article-text,
.wcms .article-title,
.wcms .article_title,
.wcms .linklist,
.wcms .article_video,
.wcms .article-video,
.wcms .article-columns,
.wcms .article_columns,
.wcms .icon_text_list,
.wcms .article-image,
.wcms .article_image {
  margin-top: 0;
  margin-bottom: 20px !important;
}
.wcms .article-columns--col::before,
.wcms .article_columns--col::before,
.wcms .article-columns--col::after,
.wcms .article_columns--col::after {
  content: none;
}
.wcms .article_video,
.wcms .article-video,
.wcms .article-image,
.wcms .article_image {
  margin-top: 20px;
}
.wcms > .articletext-component:first-of-type .article-text > *:first-child,
.wcms > .articletext-component:first-of-type .article_text > *:first-child {
  margin-top: 0 !important;
}
.wcms .article_title,
.wcms .article-title,
.wcms .article-text > .article-title,
.wcms .article_text > .article_title {
  margin-top: 1.5em;
}
.wcms .title_page {
  margin-top: 14px;
  margin-bottom: 20px;
}
.wcms .accordion {
  margin-top: 20px;
  margin-bottom: 20px;
}
.wcms .accordion--item--content {
  padding-bottom: 0;
}
.wcms .accordion--item--title {
  font-size: 24px;
  font-size: 1.33333rem;
}
.wcms .accordion--item--trigger_button {
  padding: 20px 40px 20px 0;
}
.wcms .js-article-video,
.wcms .js-article_video {
  display: none;
}
.wcms .article-text ul,
.wcms .article_text ul,
.wcms .article-text ol,
.wcms .article_text ol {
  margin-top: 1ex;
  margin-bottom: 1em;
}
.wcms .article-text ul > li,
.wcms .article_text ul > li,
.wcms .article-text ol > li,
.wcms .article_text ol > li {
  position: relative;
  padding-left: 1.66666em;
  list-style-type: none;
}
.wcms .article-text ul > li:before,
.wcms .article_text ul > li:before,
.wcms .article-text ol > li::before,
.wcms .article_text ol > li::before {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 2ex;
}
.wcms .article-text ul > li:before,
.wcms .article_text ul > li:before {
  content: "\2013";
}
html.ie .wcms .article-text ul > li,
html.ie .wcms .article_text ul > li {
  padding-left: 1.3em;
}
.wcms .article-text ol,
.wcms .article_text ol {
  counter-reset: ol--counter;
}
.wcms .article-text ol > li::before,
.wcms .article_text ol > li::before {
  counter-increment: ol--counter;
  content: counter(ol--counter) ".";
  text-align: right;
}
.wcms .line_table--item-image .article-image,
.wcms .line_table--item-image .article_image {
  display: block;
  width: 50%;
  max-width: 120px;
  margin: 0 auto;
}
@media screen and (max-width: 769px) {
  .wcms > * {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
  }
  .wcms .article-title,
  .wcms .article_title {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.wcms h1.article-title,
.wcms h1.article_title {
  display: block;
  line-height: 1.15;
  color: var(--color-zgrey-7);
}
@media screen and (forced-colors: none) {
  .dark .wcms h1.article-title,
  .dark .wcms h1.article_title {
    color: var(--color-zpetrol-3);
  }
}
.wcms h1.article-title,
.wcms h1.article_title {
  margin-bottom: 1ex;
}
@media screen and (min-width: 769px) {
  .wcms h1.article-title,
  .wcms h1.article_title {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 769px) {
  .wcms h1.article-title,
  .wcms h1.article_title {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.wcms h2.article-title,
.wcms h2.article_title {
  color: var(--color-zgrey-7);
}
@media screen and (forced-colors: none) {
  .dark .wcms h2.article-title,
  .dark .wcms h2.article_title {
    color: var(--color-zpetrol-3);
  }
}
.wcms h2.article-title,
.wcms h2.article_title {
  font-weight: normal;
  line-height: 1.2;
  margin-bottom: 1ex;
  margin-top: 2em;
}
@media screen and (min-width: 769px) {
  .wcms h2.article-title,
  .wcms h2.article_title {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 769px) {
  .wcms h2.article-title,
  .wcms h2.article_title {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.wcms h3.article-title,
.wcms h3.article_title {
  font-weight: bold;
  color: var(--color-zgrey-7);
}
@media screen and (forced-colors: none) {
  .dark .wcms h3.article-title,
  .dark .wcms h3.article_title {
    color: var(--color-zpetrol-3);
  }
}
.wcms h3.article-title,
.wcms h3.article_title {
  line-height: 1.2;
  margin-top: 1.5em;
  margin-bottom: 0.5ex;
}
@media screen and (min-width: 769px) {
  .wcms h3.article-title,
  .wcms h3.article_title {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 769px) {
  .wcms h3.article-title,
  .wcms h3.article_title {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.wcms .styledlist-component .article_title,
.wcms .styledlist-component .article-title,
.wcms .table-component .article-title,
.wcms .table-component .article_title {
  margin-top: 0;
}
.wcms .table-component .table table {
  margin-top: 0;
}
.wcms a.link.link-arrow {
  padding-right: 1.25em;
}
.info_box .wcms > *:last-child .article-text,
.info_box .wcms > *:last-child .article_text,
.info_box .wcms > *:last-child .linklist,
.info_box .wcms > *:last-child .linklist--item:last-of-type {
  margin-bottom: 0 !important;
}
.wcms .article-text p {
  color: inherit;
}
html .wcms {
  font-size: inherit;
}
html .wcms .articletext-component {
  font-size: inherit;
}
.visuallyhidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.wcm-text,
.wcm-columns,
.wcm-table,
.wcm-table-row-header,
.difo-text {
  font-size: 1rem;
  font-weight: 400;
}
.wcm-text p,
.wcm-text ul,
.wcm-text ol,
.wcm-columns p,
.wcm-columns ul,
.wcm-columns ol,
.wcm-table p,
.wcm-table ul,
.wcm-table ol,
.wcm-table-row-header p,
.wcm-table-row-header ul,
.wcm-table-row-header ol,
.difo-text p,
.difo-text ul,
.difo-text ol {
  margin-bottom: 1rem;
}
.wcm-text p:last-child,
.wcm-text ul:last-child,
.wcm-text ol:last-child,
.wcm-columns p:last-child,
.wcm-columns ul:last-child,
.wcm-columns ol:last-child,
.wcm-table p:last-child,
.wcm-table ul:last-child,
.wcm-table ol:last-child,
.wcm-table-row-header p:last-child,
.wcm-table-row-header ul:last-child,
.wcm-table-row-header ol:last-child,
.difo-text p:last-child,
.difo-text ul:last-child,
.difo-text ol:last-child {
  margin-bottom: 0;
}
.wcm-text strong,
.wcm-columns strong,
.wcm-table strong,
.wcm-table-row-header strong,
.difo-text strong {
  font-weight: 700;
}
.wcm-text a,
.wcm-columns a,
.wcm-table a,
.wcm-table-row-header a,
.difo-text a {
  color: var(--color-zpetrol-6);
  text-decoration-line: underline;
}
.wcm-text a:hover,
.wcm-columns a:hover,
.wcm-table a:hover,
.wcm-table-row-header a:hover,
.difo-text a:hover {
  color: var(--color-zpetrol-8);
}
@media screen and (forced-colors: none) {
  .dark .wcm-text a,
  .dark .wcm-columns a,
  .dark .wcm-table a,
  .dark .wcm-table-row-header a,
  .dark .difo-text a {
    color: var(--color-zpetrol-6);
  }
  .dark .wcm-text a:hover,
  .dark .wcm-columns a:hover,
  .dark .wcm-table a:hover,
  .dark .wcm-table-row-header a:hover,
  .dark .difo-text a:hover {
    color: var(--color-zpetrol-4);
  }
}
.wcm-text ul,
.wcm-columns ul,
.wcm-table ul,
.wcm-table-row-header ul,
.difo-text ul {
  padding-left: 1rem;
  list-style-type: "\2022";
}
.wcm-text ul li,
.wcm-columns ul li,
.wcm-table ul li,
.wcm-table-row-header ul li,
.difo-text ul li {
  padding-left: 1rem;
}
.wcm-text ol,
.wcm-columns ol,
.wcm-table ol,
.wcm-table-row-header ol,
.difo-text ol {
  padding-left: 1rem;
  list-style-type: decimal;
}
.wcm-text ol li,
.wcm-columns ol li,
.wcm-table ol li,
.wcm-table-row-header ol li,
.difo-text ol li {
  padding-left: 1rem;
}
.wcm-text,
.wcm-table,
.wcm-table-row-header,
.wcm-image,
.wcm-linklist,
.wcm-columns,
.difo-text {
  margin-bottom: 1.25rem;
}
.wcm-h2,
.difo-h2 {
  font-size: 1.125rem;
  line-height: 1.4375rem;
  margin-bottom: 1rem;
  font-weight: 400;
}
@media (min-width: 576px) {
  .wcm-h2,
  .difo-h2 {
    font-size: 1.5rem;
    line-height: 1.9375rem;
  }
}
.wcm-h3,
.difo-h3 {
  font-size: 1rem;
  line-height: 1.3125rem;
  margin-bottom: 0.75rem;
  font-weight: 700;
}
@media (min-width: 576px) {
  .wcm-h3,
  .difo-h3 {
    font-size: 1.125rem;
    line-height: 1.4375rem;
  }
}
.wcm-h4,
.difo-h4 {
  font-size: 1rem;
  line-height: 1.3125rem;
  margin-bottom: 1rem;
  font-weight: 700;
}
.wcm-table {
  margin-bottom: 1.25rem;
  width: 100%;
}
.wcm-table thead tr th {
  font-size: 0.75rem;
  line-height: 1.25rem;
  display: none;
  padding-bottom: 0.5rem;
  font-weight: 400;
  text-align: left;
}
.fpui-table--stacked .fpui-footer-row:not(.wcm-table thead tr th) {
  display: table-row;
}
@media (min-width: 576px) {
  .wcm-table thead tr th {
    display: table-cell;
  }
}
.wcm-table tbody tr {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-bottom-width: 0.09rem;
  border-color: var(--color-zgrey-3);
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (min-width: 576px) {
  .wcm-table tbody tr {
    display: table-row;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.wcm-table tbody tr td {
  font-size: 0.875rem;
  line-height: 1.4375rem;
  font-weight: 700;
  text-align: left;
}
@media (min-width: 576px) {
  .wcm-table tbody tr td {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-weight: 400;
  }
}
.wcm-table tbody tr td .column-header {
  font-size: 0.75rem;
  line-height: 1.25rem;
  display: block;
  font-weight: 400;
}
@media (min-width: 576px) {
  .wcm-table tbody tr td .column-header {
    display: none;
  }
}
.wcm-table tbody tr:first-child {
  border-top-width: 0.09rem;
  border-color: var(--color-zgrey-3);
}
.wcm-image {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.wcm-image img {
  height: auto;
  max-width: 100%;
}
.wcm-link,
.wcm-link-chevron,
.wcm-link-document,
.difo-link {
  color: var(--color-mpetrol-8);
}
.wcm-link:hover,
.wcm-link-chevron:hover,
.wcm-link-document:hover,
.difo-link:hover {
  color: var(--color-mgrey-7);
}
@media screen and (forced-colors: none) {
  .dark .wcm-link,
  .dark .wcm-link-chevron,
  .dark .wcm-link-document,
  .dark .difo-link {
    color: var(--color-mpetrol-3);
  }
  .dark .wcm-link:hover,
  .dark .wcm-link-chevron:hover,
  .dark .wcm-link-document:hover,
  .dark .difo-link:hover {
    color: var(--color-mgrey-1);
  }
}
.wcm-link.disabled,
.wcm-link-chevron.disabled,
.wcm-link-document.disabled,
.difo-link.disabled {
  cursor: not-allowed;
  color: var(--color-zpetrol-4);
}
@media screen and (forced-colors: none) {
  .dark .wcm-link.disabled,
  .dark .wcm-link-chevron.disabled,
  .dark .wcm-link-document.disabled,
  .dark .difo-link.disabled {
    color: var(--color-zpetrol-7);
  }
}
.wcm-link,
.difo-link {
  text-decoration-line: underline;
  text-decoration-color: currentColor;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}
.wcm-linklist li {
  margin-bottom: 0.5rem;
}
.wcm-linklist li:last-child {
  margin-bottom: 0;
}
.wcm-link-chevron {
  display: inline-flex;
  align-items: center;
}
.wcm-link-chevron:after {
  transition: all 0.2s ease;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23004b5a' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='m10 18 4.4-6L10 6'/%3E%3C/svg%3E");
}
.dark .wcm-link-chevron:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23A6D8D9' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='m10 18 4.4-6L10 6'/%3E%3C/svg%3E");
}
.wcm-link-chevron:hover:after {
  transform: translateX(2px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23333333' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='m10 18 4.4-6L10 6'/%3E%3C/svg%3E");
}
.dark .wcm-link-chevron:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23F9F9F9' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='m10 18 4.4-6L10 6'/%3E%3C/svg%3E");
}
.wcm-link-document {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}
.wcm-link-document:after {
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 0.09rem;
  border-color: var(--color-mpetrol-8);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
.wcm-link-document:hover:after {
  border-color: var(--color-mgrey-7);
}
@media screen and (forced-colors: none) {
  .dark .wcm-link-document:after {
    border-color: var(--color-mpetrol-3);
  }
  .dark .wcm-link-document:hover:after {
    border-color: var(--color-mgrey-1);
  }
}
.wcm-link-document:after {
  content: "";
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23004b5a' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='13.0039' cy='13' r='12'/%3E%3Cpath d='M7.33724 9.33333V20H18.6706V6H10.6706M7.33724 9.33333H10.6706V6M7.33724 9.33333L10.6706 6M11.0039 11.6667L16.3372 11.6667M9.67057 14.3333L16.3372 14.3333M9.67057 17H16.3372'/%3E%3C/svg%3E");
}
.dark .wcm-link-document:after {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23A6D8D9' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='13.0039' cy='13' r='12'/%3E%3Cpath d='M7.33724 9.33333V20H18.6706V6H10.6706M7.33724 9.33333H10.6706V6M7.33724 9.33333L10.6706 6M11.0039 11.6667L16.3372 11.6667M9.67057 14.3333L16.3372 14.3333M9.67057 17H16.3372'/%3E%3C/svg%3E");
}
.wcm-link-document:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23333333' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='13.0039' cy='13' r='12'/%3E%3Cpath d='M7.33724 9.33333V20H18.6706V6H10.6706M7.33724 9.33333H10.6706V6M7.33724 9.33333L10.6706 6M11.0039 11.6667L16.3372 11.6667M9.67057 14.3333L16.3372 14.3333M9.67057 17H16.3372'/%3E%3C/svg%3E");
}
.dark .wcm-link-document:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23F9F9F9' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='13.0039' cy='13' r='12'/%3E%3Cpath d='M7.33724 9.33333V20H18.6706V6H10.6706M7.33724 9.33333H10.6706V6M7.33724 9.33333L10.6706 6M11.0039 11.6667L16.3372 11.6667M9.67057 14.3333L16.3372 14.3333M9.67057 17H16.3372'/%3E%3C/svg%3E");
}
.wcm-link-document.left {
  flex-direction: row-reverse;
}
.wcm-columns {
  margin-bottom: 1.25rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0.75rem;
}
@media (min-width: 992px) {
  .wcm-columns {
    flex-direction: row;
    gap: 4rem;
  }
}
@media (min-width: 576px) {
  .wcm-columns.wcm-columns--1-4 {
    flex-direction: row;
    gap: 1.25rem;
  }
  .wcm-columns.wcm-columns--1-4 .wcm-columns--col:first-child {
    min-width: 160px;
  }
}
@media (min-width: 992px) {
  .wcm-columns.wcm-columns--1-4 .wcm-columns--col:first-child {
    min-width: 240px;
  }
}
.wcm-columns.wcm-columns--1-4 .wcm-columns--col:last-child {
  flex-grow: 3;
}
@media (min-width: 576px) {
  .wcm-columns.wcm-columns--1-4 .wcm-heading-placeholder {
    margin-bottom: 1.25rem;
  }
  .wcm-columns.wcm-columns--1-4 .wcm-heading-placeholder::after {
    content: "\a0";
  }
}
.wcm-columns .wcm-columns--col {
  flex-grow: 1;
  flex-basis: 0;
}
@media (min-width: 992px) {
  .wcm-columns .wcm-heading-placeholder {
    margin-bottom: 1.25rem;
  }
  .wcm-columns .wcm-heading-placeholder::after {
    content: "\a0";
  }
}
.fpui-icon__svg * {
  vector-effect: non-scaling-stroke;
}
:root {
  --fpui-checkbox-color-border-normal: var(--color-mpetrol-8);
  --fpui-checkbox-color-border-checked: var(--color-mwhite);
  --fpui-checkbox-color-border-disabled: var(--color-mgrey-5);
  --fpui-checkbox-color-border-error: var(--color-mred-3);
  --fpui-checkbox-color-bg-normal: var(--color-mwhite);
  --fpui-checkbox-color-bg-checked: var(--color-mpetrol-8);
  --fpui-checkbox-color-bg-disabled: var(--color-mgrey-5);
}
:root.dark {
  --fpui-checkbox-color-border-normal: var(--color-mpetrol-3);
  --fpui-checkbox-color-border-checked: var(--color-mpetrol-10);
  --fpui-checkbox-color-border-disabled: var(--color-mpetrol-7);
  --fpui-checkbox-color-border-error: var(--color-mred-2);
  --fpui-checkbox-color-bg-normal: var(--color-mpetrol-10);
  --fpui-checkbox-color-bg-checked: var(--color-mpetrol-3);
  --fpui-checkbox-color-bg-disabled: var(--color-mpetrol-7);
}
@media print {
  .fpui-checkbox {
    white-space: normal !important;
  }
}
.fpui-checkbox {
  flex: none;
  border-color: var(--fpui-checkbox-color-border-normal);
  background-color: var(--fpui-checkbox-color-bg-normal);
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.fpui-checkbox:hover:not(:disabled, :checked) {
  border-color: var(--fpui-checkbox-color-border-normal);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
  --tw-ring-inset: inset;
  --tw-ring-color: var(--fpui-checkbox-color-border-normal);
}
.fpui-checkbox:checked {
  border-color: var(--fpui-checkbox-color-border-normal);
  background-color: var(--fpui-checkbox-color-bg-checked);
}
@media (forced-colors: active) {
  .fpui-checkbox:checked {
    background-color: SelectedItem;
  }
}
.fpui-checkbox:checked:disabled {
  border-color: var(--fpui-checkbox-color-border-disabled);
  background-color: var(--fpui-checkbox-color-bg-disabled);
}
@media (forced-colors: active) {
  .fpui-checkbox:checked:disabled {
    border-color: GrayText;
  }
}
.fpui-checkbox.checkbox__input--errorstate {
  border-color: var(--fpui-checkbox-color-border-error);
}
.fpui-checkbox:disabled {
  border-color: var(--fpui-checkbox-color-border-disabled);
}
@media (forced-colors: active) {
  .fpui-checkbox:disabled {
    border-color: GrayText;
  }
}
.fpui-checkbox::before {
  display: inline-block;
  line-height: 1.4375rem;
  --tw-content: "\200b";
  content: var(--tw-content);
}
.fpui-checkbox::after {
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  height: 15px;
  width: 6px;
  transform-origin: bottom right;
  --tw-rotate: 45deg;
  --tw-scale-y: 0.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-right-color: var(--color-mwhite);
  border-bottom-color: var(--color-mwhite);
  opacity: 0;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  --tw-content: "";
  content: var(--tw-content);
}
@media screen and (forced-colors: none) {
  .dark .fpui-checkbox::after {
    border-color: var(--fpui-checkbox-color-border-checked);
  }
}
.fpui-checkbox:checked::after {
  --tw-rotate: 45deg;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.fpui-select-checkbox--indeterminate .fpui-checkbox:checked::after,
.fpui-select2-checkbox--indeterminate .fpui-checkbox2:checked::after {
  top: -5px;
  left: 0.09rem;
  height: 17px;
  width: 0;
  --tw-rotate: 90deg;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
  transition-property: none;
}
.fpui-list-item .fpui-checkbox {
  margin: 0;
  flex: none;
}
.fpui-control__messages {
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin-top: 0.5rem;
}
.fpui-control__messages--error {
  color: var(--color-mred-3);
}
@media screen and (forced-colors: none) {
  .dark .fpui-control__messages--error {
    color: var(--color-mred-2);
  }
}
.fpui-control__messages--hint {
  color: var(--color-mgrey-6);
}
@media screen and (forced-colors: none) {
  .dark .fpui-control__messages--hint {
    color: var(--color-mpetrol-4);
  }
}
::placeholder,
[placeholder] {
  text-overflow: ellipsis;
}
input::placeholder {
  color: var(--color-mgrey-5);
}
@media screen and (forced-colors: none) {
  .dark input::placeholder {
    color: var(--color-mgrey-5);
  }
}
.input-border-element {
  --border-color: var(--color-zgrey-5);
  background-image:
    linear-gradient(
      to bottom,
      transparent calc(100% - 10px),
      var(--border-color) calc(100% - 10px),
      var(--border-color) 100%,
      transparent 100%);
  background-repeat: no-repeat;
  background-size: 1px 100%;
  background-position: left;
}
.input-border-element.fpui-control--disabled {
  --border-color: var(--color-zgrey-4);
}
.dark .input-border-element {
  --border-color: var(--color-zpetrol-5);
}
.dark .input-border-element.fpui-control--disabled {
  --border-color: var(--color-zpetrol-8);
}
.input-border-element--error {
  --border-color: var(--color-zred-4);
}
.dark .input-border-element--error {
  --border-color: var(--color-zred-3);
}
:root {
  --font-family:
    "PostFinance Grotesk",
    "Helvetica Neue",
    Arial,
    sans-serif;
}
html * {
  outline: none;
}
html *:focus {
  outline: none;
}
html *::-moz-focus-inner {
  border: 0;
}
@media print {
  body {
    zoom: 70%;
  }
  .avoid-page-breaks-on-print {
    display: block !important;
  }
}
.break-inside-avoid {
  break-inside: avoid;
}
tbody th {
  font-weight: normal;
}
address {
  font-style: normal;
}
[hidden] {
  display: none !important;
}
div:not(.fpui-dialog__feedback) > .mat-dialog-container {
  background: var(--color-white);
  color: var(--color-black-transparent-87);
}
.fpui-dialog__feedback > .mat-dialog-container {
  padding: 0;
}
.fpui-dialog,
.fpui-dialog__panel {
}
.fpui-dialog .fpui-dialog-title + .fpui-card-content,
.fpui-dialog__panel .fpui-dialog-title + .fpui-card-content {
  margin-top: 1.25rem;
}
.fpui-dialog .mat-mdc-dialog-container,
.fpui-dialog__panel .mat-mdc-dialog-container {
  margin: 0.75rem;
}
@media (min-width: 576px) {
  .fpui-dialog .mat-mdc-dialog-container,
  .fpui-dialog__panel .mat-mdc-dialog-container {
    margin-top: 0;
  }
}
.fpui-dialog .mat-mdc-dialog-container,
.fpui-dialog__panel .mat-mdc-dialog-container {
  padding: 0;
}
.fpui-dialog.fpui-dialog__panel--medium .mat-mdc-dialog-container,
.fpui-dialog__panel.fpui-dialog__panel--medium .mat-mdc-dialog-container {
  padding: 0;
}
@media (min-width: 576px) {
  .fpui-dialog.fpui-dialog__panel--medium .mat-mdc-dialog-container,
  .fpui-dialog__panel.fpui-dialog__panel--medium .mat-mdc-dialog-container {
    margin-top: 3.5rem;
  }
  .fpui-dialog.fpui-dialog__panel--small,
  .fpui-dialog__panel.fpui-dialog__panel--small {
    align-self: flex-start;
    margin-top: 8rem;
  }
}
.fpui-dialog.fpui-dialog__panel--small .mat-mdc-dialog-container,
.fpui-dialog__panel.fpui-dialog__panel--small .mat-mdc-dialog-container {
  padding: 0;
}
.fpui-dialog .mat-mdc-dialog-content,
.fpui-dialog__panel .mat-mdc-dialog-content {
  max-height: none;
  overflow: initial;
  margin-right: 0;
  margin-left: 0;
  padding: 0;
}
.fpui-dialog .article_title,
.fpui-dialog__panel .article_title {
  padding-right: 4rem;
}
.mat-mdc-dialog-container .mdc-dialog__title {
  margin: 0 !important;
}
@media screen and (forced-colors: none) {
  .dark .mat-mdc-dialog-container .mdc-dialog__title {
    background-color: var(--color-mpetrol-10) !important;
    color: var(--color-mwhite) !important;
  }
}
.mat-mdc-dialog-container .mdc-dialog__surface {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
@media screen and (forced-colors: none) {
  .dark .mat-mdc-dialog-container .mdc-dialog__surface {
    background-color: var(--color-mpetrol-10);
  }
}
.fpui-dialog__feedback {
  max-width: none !important;
}
.fpui-dialog__feedback .mat-mdc-dialog-container {
  box-shadow: none;
  padding: 0 20px;
  border-radius: 0;
  background: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
input[type=number] {
  -moz-appearance: textfield;
}
.visuallyhidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
:root.critical-pending {
  visibility: hidden;
}
:root.splash {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
@keyframes splashTranslateAnimation {
  from {
    transform: translate3d(-80px, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes splashRotateAnimation {
  0% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  50% {
    transform: rotate3d(0, 0, 1, 4deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes splashStrokeDashOffsetAnimation {
  from {
    stroke-dashoffset: 125;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes splashStrokeWidthAnimation {
  0% {
    stroke-width: 45px;
  }
  60% {
    stroke-width: 48px;
  }
  100% {
    stroke-width: 45px;
  }
}
.splashscreen {
  position: fixed;
  z-index: 1000;
  box-sizing: border-box;
  width: 100%;
  height: 100vh;
  background-color: var(--fpui-splash-background);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 48px;
  padding-bottom: 60px;
}
.splashscreen .splashscreen__mark-bottom,
.splashscreen .splashscreen__mark-top {
  animation:
    splashStrokeDashOffsetAnimation 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both,
    splashRotateAnimation 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s both,
    splashStrokeWidthAnimation 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s both;
  transform-style: flat;
  will-change:
    transform,
    stroke-dashoffset,
    stroke-width;
  stroke: var(--fpui-logo-mark-color);
  stroke-width: 45px;
  stroke-dasharray: 125px;
  fill: none;
}
.splashscreen__mark-top {
  transform-origin: 100px 100px;
}
.splashscreen__mark-bottom {
  transform-origin: 240px 240px;
}
.splashscreen__type {
  animation: splashTranslateAnimation 1s cubic-bezier(0.215, 0.61, 0.355, 1) both;
  will-change: transform;
  transform-style: flat;
  fill: var(--fpui-logo-type-color);
  stroke: none;
}
@media (min-width: 576px) {
  .splashscreen {
    padding: 80px;
    padding-bottom: 100px;
  }
  .splashscreen__animation {
    max-width: 600px;
  }
}
.mat-mdc-dialog-container .mat-mdc-dialog-actions {
  margin-bottom: 0;
  padding-bottom: 0;
}
html .mat-mdc-dialog-container .mdc-dialog__content {
  color: inherit;
}
html .fpui-card-content .mdc-dialog__content {
  padding: 0;
}
.mat-mdc-dialog-component-host {
  display: block !important;
}
.mat-body p,
.mat-body-1 p,
.mat-typography p {
  margin-bottom: 0;
}
.mat-mdc-option {
  color: var(--color-black-transparent-87);
}
.mat-mdc-option .mdc-list-item__primary-text {
  width: 100%;
}
.fpUiAutocomplete.mat-mdc-autocomplete-panel {
  border-radius: 4px !important;
}
.fpUiAutocomplete.mdc-menu-surface {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.fpUiAutocomplete .mat-mdc-option-ripple {
  display: none;
}
.fpui-table--stacked .fpui-footer-row:not(.fpUiAutocomplete .mat-mdc-option-ripple) {
  display: table-row;
}
.fpUiAutocomplete .mdc-list-item {
  border-left-width: 3px !important;
  border-right-width: 3px !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  color: var(--color-zgrey-7) !important;
}
@media screen and (forced-colors: none) {
  .dark .fpUiAutocomplete .mdc-list-item {
    color: var(--color-zpetrol-3) !important;
  }
}
.fpUiAutocomplete .mdc-list-item:hover,
.fpUiAutocomplete .mdc-list-item:focus {
  background-color: var(--color-mpetrol-2) !important;
}
@media screen and (forced-colors: none) {
  .dark .fpUiAutocomplete .mdc-list-item:hover,
  .dark .fpUiAutocomplete .mdc-list-item:focus {
    background-color: var(--color-mpetrol-9) !important;
  }
}
.fpUiAutocomplete .mdc-list-item--selected {
  border-left-color: var(--color-zpetrol-8) !important;
  background-color: transparent !important;
}
@media screen and (forced-colors: none) {
  .dark .fpUiAutocomplete .mdc-list-item--selected {
    border-left-color: var(--color-zpetrol-2) !important;
  }
}
.fpUiAutocomplete .mat-mdc-option.mat-mdc-option-active {
  background-color: var(--color-zpetrol-1) !important;
}
@media screen and (forced-colors: none) {
  .dark .fpUiAutocomplete .mat-mdc-option.mat-mdc-option-active {
    background-color: var(--color-zpetrol-11) !important;
  }
}
.fpUiAutocomplete .mdc-list-item__primary-text {
  width: 100% !important;
  color: currentColor !important;
}
.fpui-bar-chart {
  background-color: var(--fpui-chart-background-color);
}
.fpui-bar-chart .highcharts-series.highcharts-column-series.color-1 path,
.fpui-bar-chart .highcharts-series.highcharts-column-series path.color-1,
.fpui-bar-chart .highcharts-legend .highcharts-legend-item.color-1 .highcharts-point {
  fill: var(--fpui-chart-color-1);
}
.fpui-bar-chart .fpui-bar-chart-legend .color-1 {
  background-color: var(--fpui-chart-color-1);
}
.fpui-bar-chart .highcharts-series.highcharts-column-series.color-2 path,
.fpui-bar-chart .highcharts-series.highcharts-column-series path.color-2,
.fpui-bar-chart .highcharts-legend .highcharts-legend-item.color-2 .highcharts-point {
  fill: var(--fpui-chart-color-2);
}
.fpui-bar-chart .fpui-bar-chart-legend .color-2 {
  background-color: var(--fpui-chart-color-2);
}
.fpui-bar-chart .highcharts-series.highcharts-column-series.color-3 path,
.fpui-bar-chart .highcharts-series.highcharts-column-series path.color-3,
.fpui-bar-chart .highcharts-legend .highcharts-legend-item.color-3 .highcharts-point {
  fill: var(--fpui-chart-color-3);
}
.fpui-bar-chart .fpui-bar-chart-legend .color-3 {
  background-color: var(--fpui-chart-color-3);
}
.fpui-bar-chart .highcharts-series.highcharts-column-series.color-4 path,
.fpui-bar-chart .highcharts-series.highcharts-column-series path.color-4,
.fpui-bar-chart .highcharts-legend .highcharts-legend-item.color-4 .highcharts-point {
  fill: var(--fpui-chart-color-4);
}
.fpui-bar-chart .fpui-bar-chart-legend .color-4 {
  background-color: var(--fpui-chart-color-4);
}
.fpui-bar-chart .highcharts-series.highcharts-column-series.color-5 path,
.fpui-bar-chart .highcharts-series.highcharts-column-series path.color-5,
.fpui-bar-chart .highcharts-legend .highcharts-legend-item.color-5 .highcharts-point {
  fill: var(--fpui-chart-color-5);
}
.fpui-bar-chart .fpui-bar-chart-legend .color-5 {
  background-color: var(--fpui-chart-color-5);
}
.fpui-bar-chart .highcharts-series.highcharts-column-series.color-6 path,
.fpui-bar-chart .highcharts-series.highcharts-column-series path.color-6,
.fpui-bar-chart .highcharts-legend .highcharts-legend-item.color-6 .highcharts-point {
  fill: var(--fpui-chart-color-6);
}
.fpui-bar-chart .fpui-bar-chart-legend .color-6 {
  background-color: var(--fpui-chart-color-6);
}
.fpui-bar-chart .highcharts-series.highcharts-column-series.color-7 path,
.fpui-bar-chart .highcharts-series.highcharts-column-series path.color-7,
.fpui-bar-chart .highcharts-legend .highcharts-legend-item.color-7 .highcharts-point {
  fill: var(--fpui-chart-color-7);
}
.fpui-bar-chart .fpui-bar-chart-legend .color-7 {
  background-color: var(--fpui-chart-color-7);
}
.fpui-bar-chart .highcharts-series.highcharts-column-series.color-8 path,
.fpui-bar-chart .highcharts-series.highcharts-column-series path.color-8,
.fpui-bar-chart .highcharts-legend .highcharts-legend-item.color-8 .highcharts-point {
  fill: var(--fpui-chart-color-8);
}
.fpui-bar-chart .fpui-bar-chart-legend .color-8 {
  background-color: var(--fpui-chart-color-8);
}
.fpui-bar-chart .highcharts-series.highcharts-column-series.color-positive path,
.fpui-bar-chart .highcharts-series.highcharts-column-series path.color-positive,
.fpui-bar-chart .highcharts-legend .highcharts-legend-item.color-positive .highcharts-point {
  fill: var(--fpui-chart-color-positive);
}
.fpui-bar-chart .fpui-bar-chart-legend .color-positive {
  background-color: var(--fpui-chart-color-positive);
}
.fpui-bar-chart .highcharts-series.highcharts-column-series.color-negative path,
.fpui-bar-chart .highcharts-series.highcharts-column-series path.color-negative,
.fpui-bar-chart .highcharts-legend .highcharts-legend-item.color-negative .highcharts-point {
  fill: var(--fpui-chart-color-negative);
}
.fpui-bar-chart .fpui-bar-chart-legend .color-negative {
  background-color: var(--fpui-chart-color-negative);
}
:root {
  --fpui-donut-chart-label-text-color: var(--color-mpetrol-8);
  --fpui-donut-chart-label-focus-background-color: var(--color-mpetrol-2);
  --fpui-donut-chart-label-border-color: var(--color-mpetrol-2);
  --fpui-donut-chart-label-interactive-border-color: var(--color-mpetrol-8);
  --fpui-donut-chart-label-active-background-color: var(--color-mpetrol-2);
  --fpui-donut-chart-label-hover-background-color: var(--color-mpetrol-2);
}
:root.dark {
  --fpui-donut-chart-label-text-color: var(--color-mpetrol-3);
  --fpui-donut-chart-label-focus-background-color: var(--color-mpetrol-9);
  --fpui-donut-chart-label-border-color: var(--color-mpetrol-8);
  --fpui-donut-chart-label-interactive-border-color: var(--color-mpetrol-3);
  --fpui-donut-chart-label-active-background-color: var(--color-mpetrol-9);
  --fpui-donut-chart-label-hover-background-color: var(--color-mpetrol-9);
}
:root {
  --fpui-donut-chart-title-text-color: var(--color-mgrey-7);
}
:root.dark {
  --fpui-donut-chart-title-text-color: var(--color-mgrey-1);
}
.fpui-fixed-pie-chart {
}
.fpui-fixed-pie-chart .highcharts-container {
  position: relative;
  z-index: 0;
  display: flex;
  height: 100%;
  width: 100%;
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none;
  align-items: flex-start;
  overflow: hidden;
  font-size: 0.875rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  text-align: left;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.fpui-fixed-pie-chart .highcharts-background {
  fill: none;
}
.fpui-fixed-pie-chart .highcharts-plot-border,
.fpui-fixed-pie-chart .highcharts-plot-background {
  fill: none;
}
.fpui-fixed-pie-chart .highcharts-title {
  font-size: 12px;
  fill: var(--fpui-chart-title);
}
.fpui-fixed-pie-chart .highcharts-legend-box {
  fill: none;
}
.fpui-fixed-pie-chart .highcharts-point.color-1 {
  fill: var(--fpui-chart-segment-1);
  stroke: var(--fpui-chart-segment-stroke);
}
.fpui-fixed-pie-chart .highcharts-legend-item.color-1 {
  fill: var(--fpui-chart-segment-1);
  stroke: var(--fpui-chart-segment-1);
}
.fpui-fixed-pie-chart .highcharts-point.color-2 {
  fill: var(--fpui-chart-segment-2);
  stroke: var(--fpui-chart-segment-stroke);
}
.fpui-fixed-pie-chart .highcharts-legend-item.color-2 {
  fill: var(--fpui-chart-segment-2);
  stroke: var(--fpui-chart-segment-2);
}
.fpui-fixed-pie-chart .highcharts-point.color-3 {
  fill: var(--fpui-chart-segment-3);
  stroke: var(--fpui-chart-segment-stroke);
}
.fpui-fixed-pie-chart .highcharts-legend-item.color-3 {
  fill: var(--fpui-chart-segment-3);
  stroke: var(--fpui-chart-segment-3);
}
.fpui-fixed-pie-chart .highcharts-point.color-4 {
  fill: var(--fpui-chart-segment-4);
  stroke: var(--fpui-chart-segment-stroke);
}
.fpui-fixed-pie-chart .highcharts-legend-item.color-4 {
  fill: var(--fpui-chart-segment-4);
  stroke: var(--fpui-chart-segment-4);
}
.fpui-fixed-pie-chart .highcharts-point.color-5 {
  fill: var(--fpui-chart-segment-5);
  stroke: var(--fpui-chart-segment-stroke);
}
.fpui-fixed-pie-chart .highcharts-legend-item.color-5 {
  fill: var(--fpui-chart-segment-5);
  stroke: var(--fpui-chart-segment-5);
}
.fpui-fixed-pie-chart .highcharts-point.color-6 {
  fill: var(--fpui-chart-segment-6);
  stroke: var(--fpui-chart-segment-stroke);
}
.fpui-fixed-pie-chart .highcharts-legend-item.color-6 {
  fill: var(--fpui-chart-segment-6);
  stroke: var(--fpui-chart-segment-6);
}
.fpui-fixed-pie-chart .highcharts-point.color-7 {
  fill: var(--fpui-chart-segment-7);
  stroke: var(--fpui-chart-segment-stroke);
}
.fpui-fixed-pie-chart .highcharts-legend-item.color-7 {
  fill: var(--fpui-chart-segment-7);
  stroke: var(--fpui-chart-segment-7);
}
.fpui-fixed-pie-chart .highcharts-point.color-8 {
  fill: var(--fpui-chart-segment-8);
  stroke: var(--fpui-chart-segment-stroke);
}
.fpui-fixed-pie-chart .highcharts-legend-item.color-8 {
  fill: var(--fpui-chart-segment-8);
  stroke: var(--fpui-chart-segment-8);
}
.fpui-fixed-pie-chart .highcharts-point.color-9 {
  fill: var(--fpui-chart-segment-9);
  stroke: var(--fpui-chart-segment-stroke);
}
.fpui-fixed-pie-chart .highcharts-legend-item.color-9 {
  fill: var(--fpui-chart-segment-9);
  stroke: var(--fpui-chart-segment-9);
}
.fpui-fixed-pie-chart .highcharts-point.color-10 {
  fill: var(--fpui-chart-segment-10);
  stroke: var(--fpui-chart-segment-stroke);
}
.fpui-fixed-pie-chart .highcharts-legend-item.color-10 {
  fill: var(--fpui-chart-segment-10);
  stroke: var(--fpui-chart-segment-10);
}
.fpui-fixed-pie-chart .highcharts-point.color-brand {
  fill: var(--fpui-chart-segment-brand);
  stroke: var(--fpui-chart-segment-stroke);
}
.fpui-fixed-pie-chart .highcharts-legend-item.color-brand {
  fill: var(--fpui-chart-segment-brand);
  stroke: var(--fpui-chart-segment-brand);
}
.fpui-fixed-pie-chart .highcharts-point.color-red {
  fill: var(--fpui-chart-segment-red);
  stroke: var(--fpui-chart-segment-stroke);
}
.fpui-fixed-pie-chart .highcharts-legend-item.color-red {
  fill: var(--fpui-chart-segment-red);
  stroke: var(--fpui-chart-segment-red);
}
.fpui-fixed-pie-chart .fpui-chart-legend-label {
  right: 0;
}
.fpui-fixed-pie-chart .fpui-chart-legend-label * {
  right: 0;
}
.fpui-line-chart .negative-gradient stop {
  stop-color: #ffe5e7;
}
.fpui-line-chart .highcharts-markers .highcharts-halo.color-negative {
  stroke: var(--fpui-chart-color-negative) !important;
  fill: var(--fpui-chart-color-negative) !important;
}
.fpui-line-chart .highcharts-markers .highcharts-point.color-negative {
  stroke: var(--fpui-chart-color-negative) !important;
  fill: var(--fpui-chart-color-negative) !important;
}
.fpui-line-chart .highcharts-point.color-negative {
  fill: var(--fpui-chart-color-negative) !important;
}
.fpui-line-chart .highcharts-graph.highcharts-zone-graph-0.negative-zone {
  stroke: var(--fpui-chart-color-negative) !important;
}
.fpui-line-chart .highcharts-axis-line {
  stroke: var(--fpui-chart-axis-line);
}
.fpui-line-chart linearGradient.positive-gradient.color-1 stop {
  stop-color: var(--fpui-chart-color-1);
}
.fpui-line-chart .highcharts-area-series.color-1 .highcharts-area.highcharts-zone-area-0 {
  fill: url(#negative-gradient-color-1);
}
.fpui-line-chart .highcharts-area-series.color-1 .highcharts-area.highcharts-zone-area-1 {
  fill: url(#positive-gradient-color-1);
  filter: url(#brightnessFilter);
}
.fpui-line-chart .highcharts-legend .highcharts-legend-item.color-1 .highcharts-graph {
  stroke: var(--fpui-chart-color-1);
}
.fpui-line-chart linearGradient.positive-gradient.color-2 stop {
  stop-color: var(--fpui-chart-color-2);
}
.fpui-line-chart .highcharts-area-series.color-2 .highcharts-area.highcharts-zone-area-0 {
  fill: url(#negative-gradient-color-2);
}
.fpui-line-chart .highcharts-area-series.color-2 .highcharts-area.highcharts-zone-area-1 {
  fill: url(#positive-gradient-color-2);
  filter: url(#brightnessFilter);
}
.fpui-line-chart .highcharts-legend .highcharts-legend-item.color-2 .highcharts-graph {
  stroke: var(--fpui-chart-color-2);
}
.fpui-line-chart linearGradient.positive-gradient.color-3 stop {
  stop-color: var(--fpui-chart-color-3);
}
.fpui-line-chart .highcharts-area-series.color-3 .highcharts-area.highcharts-zone-area-0 {
  fill: url(#negative-gradient-color-3);
}
.fpui-line-chart .highcharts-area-series.color-3 .highcharts-area.highcharts-zone-area-1 {
  fill: url(#positive-gradient-color-3);
  filter: url(#brightnessFilter);
}
.fpui-line-chart .highcharts-legend .highcharts-legend-item.color-3 .highcharts-graph {
  stroke: var(--fpui-chart-color-3);
}
.fpui-line-chart linearGradient.positive-gradient.color-4 stop {
  stop-color: var(--fpui-chart-color-4);
}
.fpui-line-chart .highcharts-area-series.color-4 .highcharts-area.highcharts-zone-area-0 {
  fill: url(#negative-gradient-color-4);
}
.fpui-line-chart .highcharts-area-series.color-4 .highcharts-area.highcharts-zone-area-1 {
  fill: url(#positive-gradient-color-4);
  filter: url(#brightnessFilter);
}
.fpui-line-chart .highcharts-legend .highcharts-legend-item.color-4 .highcharts-graph {
  stroke: var(--fpui-chart-color-4);
}
.fpui-line-chart linearGradient.positive-gradient.color-5 stop {
  stop-color: var(--fpui-chart-color-5);
}
.fpui-line-chart .highcharts-area-series.color-5 .highcharts-area.highcharts-zone-area-0 {
  fill: url(#negative-gradient-color-5);
}
.fpui-line-chart .highcharts-area-series.color-5 .highcharts-area.highcharts-zone-area-1 {
  fill: url(#positive-gradient-color-5);
  filter: url(#brightnessFilter);
}
.fpui-line-chart .highcharts-legend .highcharts-legend-item.color-5 .highcharts-graph {
  stroke: var(--fpui-chart-color-5);
}
.fpui-line-chart linearGradient.positive-gradient.color-6 stop {
  stop-color: var(--fpui-chart-color-6);
}
.fpui-line-chart .highcharts-area-series.color-6 .highcharts-area.highcharts-zone-area-0 {
  fill: url(#negative-gradient-color-6);
}
.fpui-line-chart .highcharts-area-series.color-6 .highcharts-area.highcharts-zone-area-1 {
  fill: url(#positive-gradient-color-6);
  filter: url(#brightnessFilter);
}
.fpui-line-chart .highcharts-legend .highcharts-legend-item.color-6 .highcharts-graph {
  stroke: var(--fpui-chart-color-6);
}
.fpui-line-chart linearGradient.positive-gradient.color-7 stop {
  stop-color: var(--fpui-chart-color-7);
}
.fpui-line-chart .highcharts-area-series.color-7 .highcharts-area.highcharts-zone-area-0 {
  fill: url(#negative-gradient-color-7);
}
.fpui-line-chart .highcharts-area-series.color-7 .highcharts-area.highcharts-zone-area-1 {
  fill: url(#positive-gradient-color-7);
  filter: url(#brightnessFilter);
}
.fpui-line-chart .highcharts-legend .highcharts-legend-item.color-7 .highcharts-graph {
  stroke: var(--fpui-chart-color-7);
}
.fpui-line-chart linearGradient.positive-gradient.color-8 stop {
  stop-color: var(--fpui-chart-color-8);
}
.fpui-line-chart .highcharts-area-series.color-8 .highcharts-area.highcharts-zone-area-0 {
  fill: url(#negative-gradient-color-8);
}
.fpui-line-chart .highcharts-area-series.color-8 .highcharts-area.highcharts-zone-area-1 {
  fill: url(#positive-gradient-color-8);
  filter: url(#brightnessFilter);
}
.fpui-line-chart .highcharts-legend .highcharts-legend-item.color-8 .highcharts-graph {
  stroke: var(--fpui-chart-color-8);
}
.fpui-line-chart linearGradient.positive-gradient.color-positive stop {
  stop-color: var(--fpui-chart-color-positive);
}
.fpui-line-chart .highcharts-area-series.color-positive .highcharts-area.highcharts-zone-area-0 {
  fill: url(#negative-gradient-color-positive);
}
.fpui-line-chart .highcharts-area-series.color-positive .highcharts-area.highcharts-zone-area-1 {
  fill: url(#positive-gradient-color-positive);
  filter: url(#brightnessFilter);
}
.fpui-line-chart .highcharts-legend .highcharts-legend-item.color-positive .highcharts-graph {
  stroke: var(--fpui-chart-color-positive);
}
.fpui-line-chart linearGradient.positive-gradient.color-negative stop {
  stop-color: var(--fpui-chart-color-negative);
}
.fpui-line-chart .highcharts-area-series.color-negative .highcharts-area.highcharts-zone-area-0 {
  fill: url(#negative-gradient-color-negative);
}
.fpui-line-chart .highcharts-area-series.color-negative .highcharts-area.highcharts-zone-area-1 {
  fill: url(#positive-gradient-color-negative);
  filter: url(#brightnessFilter);
}
.fpui-line-chart .highcharts-legend .highcharts-legend-item.color-negative .highcharts-graph {
  stroke: var(--fpui-chart-color-negative);
}
.fpui-pie-chart .highcharts-background {
  fill: none;
}
.fpui-pie-chart .highcharts-title {
  fill: var(--fpui-chart-title) !important;
  font-weight: 400 !important;
}
.fpui-pie-chart .highcharts-plot-border,
.fpui-pie-chart .highcharts-plot-background {
  fill: none;
}
.fpui-pie-chart .highcharts-point.color-1 {
  fill: var(--fpui-chart-segment-1);
  stroke: var(--fpui-chart-segment-stroke);
}
.fpui-pie-chart .highcharts-series.highcharts-pie-series.color-1 path,
.fpui-pie-chart .highcharts-series.highcharts-pie-series path.color-1,
.fpui-pie-chart .highcharts-legend .highcharts-legend-item.color-1 .highcharts-point {
  fill: var(--fpui-chart-segment-1);
}
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span > div > span:nth-child(1),
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span > div > span:nth-child(2),
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span {
  color: var(--fpui-chart-title);
}
.fpui-pie-chart .highcharts-point.color-2 {
  fill: var(--fpui-chart-segment-2);
  stroke: var(--fpui-chart-segment-stroke);
}
.fpui-pie-chart .highcharts-series.highcharts-pie-series.color-2 path,
.fpui-pie-chart .highcharts-series.highcharts-pie-series path.color-2,
.fpui-pie-chart .highcharts-legend .highcharts-legend-item.color-2 .highcharts-point {
  fill: var(--fpui-chart-segment-2);
}
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span > div > span:nth-child(1),
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span > div > span:nth-child(2),
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span {
  color: var(--fpui-chart-title);
}
.fpui-pie-chart .highcharts-point.color-3 {
  fill: var(--fpui-chart-segment-3);
  stroke: var(--fpui-chart-segment-stroke);
}
.fpui-pie-chart .highcharts-series.highcharts-pie-series.color-3 path,
.fpui-pie-chart .highcharts-series.highcharts-pie-series path.color-3,
.fpui-pie-chart .highcharts-legend .highcharts-legend-item.color-3 .highcharts-point {
  fill: var(--fpui-chart-segment-3);
}
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span > div > span:nth-child(1),
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span > div > span:nth-child(2),
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span {
  color: var(--fpui-chart-title);
}
.fpui-pie-chart .highcharts-point.color-4 {
  fill: var(--fpui-chart-segment-4);
  stroke: var(--fpui-chart-segment-stroke);
}
.fpui-pie-chart .highcharts-series.highcharts-pie-series.color-4 path,
.fpui-pie-chart .highcharts-series.highcharts-pie-series path.color-4,
.fpui-pie-chart .highcharts-legend .highcharts-legend-item.color-4 .highcharts-point {
  fill: var(--fpui-chart-segment-4);
}
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span > div > span:nth-child(1),
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span > div > span:nth-child(2),
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span {
  color: var(--fpui-chart-title);
}
.fpui-pie-chart .highcharts-point.color-5 {
  fill: var(--fpui-chart-segment-5);
  stroke: var(--fpui-chart-segment-stroke);
}
.fpui-pie-chart .highcharts-series.highcharts-pie-series.color-5 path,
.fpui-pie-chart .highcharts-series.highcharts-pie-series path.color-5,
.fpui-pie-chart .highcharts-legend .highcharts-legend-item.color-5 .highcharts-point {
  fill: var(--fpui-chart-segment-5);
}
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span > div > span:nth-child(1),
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span > div > span:nth-child(2),
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span {
  color: var(--fpui-chart-title);
}
.fpui-pie-chart .highcharts-point.color-6 {
  fill: var(--fpui-chart-segment-6);
  stroke: var(--fpui-chart-segment-stroke);
}
.fpui-pie-chart .highcharts-series.highcharts-pie-series.color-6 path,
.fpui-pie-chart .highcharts-series.highcharts-pie-series path.color-6,
.fpui-pie-chart .highcharts-legend .highcharts-legend-item.color-6 .highcharts-point {
  fill: var(--fpui-chart-segment-6);
}
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span > div > span:nth-child(1),
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span > div > span:nth-child(2),
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span {
  color: var(--fpui-chart-title);
}
.fpui-pie-chart .highcharts-point.color-7 {
  fill: var(--fpui-chart-segment-7);
  stroke: var(--fpui-chart-segment-stroke);
}
.fpui-pie-chart .highcharts-series.highcharts-pie-series.color-7 path,
.fpui-pie-chart .highcharts-series.highcharts-pie-series path.color-7,
.fpui-pie-chart .highcharts-legend .highcharts-legend-item.color-7 .highcharts-point {
  fill: var(--fpui-chart-segment-7);
}
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span > div > span:nth-child(1),
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span > div > span:nth-child(2),
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span {
  color: var(--fpui-chart-title);
}
.fpui-pie-chart .highcharts-point.color-8 {
  fill: var(--fpui-chart-segment-8);
  stroke: var(--fpui-chart-segment-stroke);
}
.fpui-pie-chart .highcharts-series.highcharts-pie-series.color-8 path,
.fpui-pie-chart .highcharts-series.highcharts-pie-series path.color-8,
.fpui-pie-chart .highcharts-legend .highcharts-legend-item.color-8 .highcharts-point {
  fill: var(--fpui-chart-segment-8);
}
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span > div > span:nth-child(1),
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span > div > span:nth-child(2),
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span {
  color: var(--fpui-chart-title);
}
.fpui-pie-chart .highcharts-point.color-9 {
  fill: var(--fpui-chart-segment-9);
  stroke: var(--fpui-chart-segment-stroke);
}
.fpui-pie-chart .highcharts-series.highcharts-pie-series.color-9 path,
.fpui-pie-chart .highcharts-series.highcharts-pie-series path.color-9,
.fpui-pie-chart .highcharts-legend .highcharts-legend-item.color-9 .highcharts-point {
  fill: var(--fpui-chart-segment-9);
}
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span > div > span:nth-child(1),
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span > div > span:nth-child(2),
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span {
  color: var(--fpui-chart-title);
}
.fpui-pie-chart .highcharts-point.color-10 {
  fill: var(--fpui-chart-segment-10);
  stroke: var(--fpui-chart-segment-stroke);
}
.fpui-pie-chart .highcharts-series.highcharts-pie-series.color-10 path,
.fpui-pie-chart .highcharts-series.highcharts-pie-series path.color-10,
.fpui-pie-chart .highcharts-legend .highcharts-legend-item.color-10 .highcharts-point {
  fill: var(--fpui-chart-segment-10);
}
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span > div > span:nth-child(1),
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span > div > span:nth-child(2),
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span {
  color: var(--fpui-chart-title);
}
.fpui-pie-chart .highcharts-point.color-brand {
  fill: var(--fpui-chart-segment-brand);
  stroke: var(--fpui-chart-segment-stroke);
}
.fpui-pie-chart .highcharts-series.highcharts-pie-series.color-brand path,
.fpui-pie-chart .highcharts-series.highcharts-pie-series path.color-brand,
.fpui-pie-chart .highcharts-legend .highcharts-legend-item.color-brand .highcharts-point {
  fill: var(--fpui-chart-segment-brand);
}
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span > div > span:nth-child(1),
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span > div > span:nth-child(2),
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span {
  color: var(--fpui-chart-title);
}
.fpui-pie-chart .highcharts-point.color-red {
  fill: var(--fpui-chart-segment-red);
  stroke: var(--fpui-chart-segment-stroke);
}
.fpui-pie-chart .highcharts-series.highcharts-pie-series.color-red path,
.fpui-pie-chart .highcharts-series.highcharts-pie-series path.color-red,
.fpui-pie-chart .highcharts-legend .highcharts-legend-item.color-red .highcharts-point {
  fill: var(--fpui-chart-segment-red);
}
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span > div > span:nth-child(1),
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span > div > span:nth-child(2),
.fpui-pie-chart .highcharts-legend .highcharts-legend-item > span {
  color: var(--fpui-chart-title);
}
:root {
  --fpui-price-chart-empty-border-color: var(--color-mpetrol-3);
  --fpui-price-chart-info-color: var(--color-mblue-3);
  --fpui-price-chart-keyboard-control-background-color: var(--color-mwhite);
}
:root.dark {
  --fpui-price-chart-empty-border-color: var(--color-mpetrol-7);
  --fpui-price-chart-info-color: var(--color-mblue-2);
  --fpui-price-chart-keyboard-control-background-color: var(--color-mpetrol-10);
}
:root {
  --fpui-key-value-box-border-color: var(--color-mpetrol-2);
  --fpui-key-value-box-description-text-color: var(--color-mgrey-6);
}
:root.dark {
  --fpui-key-value-box-border-color: var(--color-mpetrol-8);
  --fpui-key-value-box-description-text-color: var(--color-mgrey-5);
}
:root {
  --fpui-price-chart-tooltip-border-color: var(--color-mpetrol-3);
  --fpui-price-chart-tooltip-background-color: var(--color-mwhite);
}
:root.dark {
  --fpui-price-chart-tooltip-border-color: var(--color-mpetrol-7);
  --fpui-price-chart-tooltip-background-color: var(--color-mpetrol-10);
}
.mat-datepicker-close-button {
  background-color: var(--color-zwhite);
}
@media screen and (forced-colors: none) {
  .dark .mat-datepicker-close-button {
    background-color: var(--color-zpetrol-10);
  }
}
.mat-calendar {
  overflow: hidden !important;
  border-radius: 20px !important;
  border-color: var(--color-mpetrol-2) !important;
  font-family:
    "PostFinance Grotesk",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji",
    emoji !important;
}
@media screen and (forced-colors: none) {
  .dark .mat-calendar {
    border-color: var(--color-mpetrol-8) !important;
  }
}
.mat-calendar {
  border-radius: 0.25rem;
  border-width: 0.09rem;
  border-style: solid;
}
.mat-calendar-content {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  background-color: var(--color-mwhite);
}
@media screen and (forced-colors: none) {
  .dark .mat-calendar-content {
    background-color: var(--color-mpetrol-10);
  }
}
.mat-calendar-table-header {
  background-color: var(--color-mpetrol-1);
}
@media screen and (forced-colors: none) {
  .dark .mat-calendar-table-header {
    background-color: var(--color-mpetrol-11);
  }
}
.mat-calendar-table-header {
}
.mat-calendar-table-header tr:first-child th {
  position: relative;
  height: 3rem;
  width: 3rem;
  border-bottom-width: 0.09rem;
  border-style: solid;
  border-color: var(--color-mpetrol-1);
  background-color: var(--color-mpetrol-1);
}
@media screen and (forced-colors: none) {
  .dark .mat-calendar-table-header tr:first-child th {
    border-color: var(--color-mpetrol-11);
    background-color: var(--color-mpetrol-11);
  }
}
.mat-calendar-table-header tr:first-child th:first-child:after,
.mat-calendar-table-header tr:first-child th:last-child:after {
  top: 0;
  position: absolute;
  content: "";
  display: block;
  width: 1rem;
  border-bottom-width: 0.09rem;
  border-color: transparent;
  background-color: var(--color-mpetrol-1);
}
@media screen and (forced-colors: none) {
  .dark .mat-calendar-table-header tr:first-child th:first-child:after,
  .dark .mat-calendar-table-header tr:first-child th:last-child:after {
    border-color: transparent;
    background-color: var(--color-mpetrol-11);
  }
}
.mat-calendar-table-header tr:first-child th:first-child:after,
.mat-calendar-table-header tr:first-child th:last-child:after {
  height: calc(3rem + 1px);
}
.mat-calendar-table-header tr:first-child th:first-child:after {
  left: calc(1rem * -1);
}
.mat-calendar-table-header tr:first-child th:last-child:after {
  right: calc(1rem * -1);
}
.mat-calendar-table-header tr:last-child th {
  padding: 0;
}
.mat-calendar-table-header-divider {
  height: 1px;
}
.mat-calendar-table-header-divider::after {
  right: 0 !important;
  left: 0 !important;
  background-color: var(--color-mgrey-3);
}
@media screen and (forced-colors: none) {
  .dark .mat-calendar-table-header-divider::after {
    background-color: var(--color-mpetrol-8);
  }
}
.mat-calendar .mat-calendar-content {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0;
  padding-bottom: 1rem;
}
.mat-calendar-body-label {
  opacity: 0;
}
.mat-calendar-body-label[colspan="7"] {
  display: none;
}
.mat-calendar-body {
  font-size: 0.875rem;
  line-height: 1.4375rem;
}
.mat-calendar-body::before {
  display: block;
  height: 1rem;
  content: "";
}
.mat-calendar-table-header tr th {
  padding-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.4375rem;
  color: var(--color-mgrey-7);
}
@media screen and (forced-colors: none) {
  .dark .mat-calendar-table-header tr th {
    color: var(--color-mpetrol-3);
  }
}
.mat-calendar-table-header-divider::after {
  display: none;
}
.mat-calendar-body-cell-content {
  border-radius: 9999px !important;
  border-width: 0.09rem !important;
  border-color: transparent !important;
  font-weight: 700 !important;
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 300ms !important;
  background-color: var(--color-mwhite) !important;
  color: var(--color-mgrey-7) !important;
}
@media screen and (forced-colors: none) {
  .dark .mat-calendar-body-cell-content {
    background-color: var(--color-mpetrol-10) !important;
    color: var(--color-mwhite) !important;
  }
}
.mat-calendar-body-today {
  border-width: 0.09rem !important;
  border-color: transparent !important;
  font-weight: 700 !important;
  color: var(--color-mpetrol-7) !important;
}
@media screen and (forced-colors: none) {
  .dark .mat-calendar-body-today {
    color: var(--color-mpetrol-3) !important;
  }
}
.mat-calendar-body-today::after {
  content: "";
  width: 4px;
  height: 4px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 10%;
  border-radius: 50%;
  background-color: var(--color-mpetrol-8);
}
@media screen and (forced-colors: none) {
  .dark .mat-calendar-body-today::after {
    background-color: var(--color-mpetrol-3);
  }
}
.mat-calendar-body-cell:not(.mat-calendar-body-disabled) > .mat-calendar-body-selected {
  font-weight: 700 !important;
  background-color: var(--color-mpetrol-8) !important;
  color: var(--color-mwhite) !important;
}
@media screen and (forced-colors: none) {
  .dark .mat-calendar-body-cell:not(.mat-calendar-body-disabled) > .mat-calendar-body-selected {
    background-color: var(--color-mpetrol-3) !important;
    color: var(--color-mpetrol-10) !important;
  }
}
.cdk-keyboard-focused .mat-calendar-body-active:not(.mat-calendar-body-disabled) > .mat-calendar-body-cell-content {
  border-color: var(--color-mpetrol-8) !important;
  color: var(--color-mpetrol-8) !important;
}
@media screen and (forced-colors: none) {
  .dark .cdk-keyboard-focused .mat-calendar-body-active:not(.mat-calendar-body-disabled) > .mat-calendar-body-cell-content {
    border-color: var(--color-mpetrol-3) !important;
    color: var(--color-mpetrol-3) !important;
  }
}
.cdk-keyboard-focused .mat-calendar-body-active:not(.mat-calendar-body-disabled) > .mat-calendar-body-cell-content.mat-calendar-body-today {
  border-width: 0.09rem !important;
  border-color: var(--color-mpetrol-8) !important;
}
@media screen and (forced-colors: none) {
  .dark .cdk-keyboard-focused .mat-calendar-body-active:not(.mat-calendar-body-disabled) > .mat-calendar-body-cell-content.mat-calendar-body-today {
    border-color: var(--color-mpetrol-3) !important;
  }
}
.cdk-keyboard-focused .mat-calendar-body-active:not(.mat-calendar-body-disabled) > .mat-calendar-body-cell-content.mat-calendar-body-selected {
  border-color: var(--color-mpetrol-8) !important;
  color: var(--color-mwhite) !important;
}
@media screen and (forced-colors: none) {
  .dark .cdk-keyboard-focused .mat-calendar-body-active:not(.mat-calendar-body-disabled) > .mat-calendar-body-cell-content.mat-calendar-body-selected {
    border-color: var(--color-mpetrol-3) !important;
    color: var(--color-mpetrol-10) !important;
  }
}
.mat-calendar-body-selected.mat-calendar-body-today::after {
  background-color: var(--color-mwhite);
}
@media screen and (forced-colors: none) {
  .dark .mat-calendar-body-selected.mat-calendar-body-today::after {
    background-color: var(--color-mpetrol-10);
  }
}
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover .mat-calendar-body-cell-content,
.mat-calendar-body-cell--selectable:not(.mat-calendar-body-disabled):hover .mat-calendar-body-cell-content {
  border-width: 0px !important;
  font-weight: 700 !important;
  background-color: var(--color-mpetrol-2) !important;
  color: var(--color-mpetrol-8) !important;
}
@media screen and (forced-colors: none) {
  .dark .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover .mat-calendar-body-cell-content,
  .dark .mat-calendar-body-cell--selectable:not(.mat-calendar-body-disabled):hover .mat-calendar-body-cell-content {
    background-color: var(--color-mpetrol-8) !important;
    color: var(--color-mpetrol-3) !important;
  }
}
.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: none;
}
.mat-calendar-body-disabled .mat-calendar-body-cell-content {
  border-width: 0px !important;
  background-color: transparent !important;
  font-weight: 400 !important;
  border-color: var(--color-mgrey-6) !important;
  color: var(--color-mgrey-5) !important;
}
@media screen and (forced-colors: none) {
  .dark .mat-calendar-body-disabled .mat-calendar-body-cell-content {
    border-color: var(--color-mpetrol-4) !important;
    color: var(--color-mpetrol-5) !important;
  }
}
.mat-calendar-body-disabled .mat-calendar-body-cell-content::after {
  background-color: var(--color-mgrey-5);
}
@media screen and (forced-colors: none) {
  .dark .mat-calendar-body-disabled .mat-calendar-body-cell-content::after {
    background-color: var(--color-mpetrol-5);
  }
}
.mat-datepicker-content {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.mat-datepicker-content .mat-calendar {
  width: 300px !important;
  height: auto !important;
}
.mat-datepicker-content .mat-mdc-button.datepicker-header__today {
  color: var(--color-mpetrol-8);
}
@media screen and (forced-colors: none) {
  .dark .mat-datepicker-content .mat-mdc-button.datepicker-header__today {
    color: var(--color-mpetrol-4);
  }
}
.mat-datepicker-content .mat-mdc-button.datepicker-header__today {
  transition: all 0.3s !important;
}
.mat-datepicker-content .mat-mdc-button.datepicker-header__today:hover {
  background-color: var(--color-mpetrol-1);
}
@media screen and (forced-colors: none) {
  .dark .mat-datepicker-content .mat-mdc-button.datepicker-header__today:hover {
    background-color: var(--color-mpetrol-11);
  }
}
.mat-calendar-abbr {
  text-decoration: none !important;
}
.mat-calendar-body-cell-content {
  top: 5%;
  left: 5%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 90%;
  height: 90%;
  line-height: 1;
  border-style: solid;
  border-radius: 999px;
}
.mat-calendar-body-cell-content.mat-focus-indicator {
  position: absolute;
}
.mat-calendar-body-cell-container {
  position: relative;
  height: 0;
  line-height: 0;
}
@media (min-width: 576px) {
  .fpui-calendar .fpui-calendar__wrapper::after {
    display: block;
    content: "";
  }
}
.fpui-calendar .mat-calendar,
.fpui-calendar .fpui-calendar__wrapper::after {
  flex: 1 0 307px;
  max-width: 100%;
}
@media (min-width: 576px) {
  .fpui-calendar .mat-calendar,
  .fpui-calendar .fpui-calendar__wrapper::after {
    max-width: 307px;
  }
}
.fpui-datepicker-header .mat-button-focus-overlay {
  border: 1px solid #000;
  background: transparent;
}
.datepicker-header__today {
  margin: 0 auto !important;
}
.datepicker-header__today .mat-button-focus-overlay {
  border-radius: 0.25rem;
}
.fpui-datepicker-header__button[disabled] {
  border-color: transparent;
  opacity: 0.5;
}
.fpui-calendar-header .fpui-calendar-header__button {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
  background-color: var(--color-zpetrol-1);
}
@media screen and (forced-colors: none) {
  .dark .fpui-calendar-header .fpui-calendar-header__button {
    background-color: var(--color-zpetrol-11);
  }
}
.fpui-calendar-header .fpui-calendar-header__button {
  line-height: inherit;
}
.fpui-calendar-header .fpui-calendar-header__button:hover {
  background-color: var(--color-zpetrol-2);
}
@media screen and (forced-colors: none) {
  .dark .fpui-calendar-header .fpui-calendar-header__button:hover {
    background-color: var(--color-zpetrol-10);
  }
}
.fpui-calendar-header .fpui-calendar-header__button.cdk-keyboard-focused {
  border: 1px solid var(--color-zgrey-4);
}
.fpui-fieldset .fpui-notification {
  margin-top: 1.5rem;
}
fpui-form-field:empty {
  display: none;
}
.form-field {
  border-color: var(--color-mpetrol-8);
}
@media screen and (forced-colors: none) {
  .dark .form-field {
    border-color: var(--color-mpetrol-3);
  }
}
.form-field.form-field--filled:where(.form-field-type-fpui-select, .form-field-type-fpui-account-select) {
  border-color: var(--color-mpetrol-8);
}
@media screen and (forced-colors: none) {
  .dark .form-field.form-field--filled:where(.form-field-type-fpui-select, .form-field-type-fpui-account-select) {
    border-color: var(--color-mpetrol-3);
  }
}
.form-field.form-field--filled {
  border-color: var(--color-mpetrol-8);
}
@media screen and (forced-colors: none) {
  .dark .form-field.form-field--filled {
    border-color: var(--color-mpetrol-3);
  }
}
.form-field.form-field--focused {
  border-color: var(--color-mpetrol-8);
}
@media screen and (forced-colors: none) {
  .dark .form-field.form-field--focused {
    border-color: var(--color-mpetrol-3);
  }
}
.form-field.form-field--invalid {
  border-color: var(--color-mred-3);
}
@media screen and (forced-colors: none) {
  .dark .form-field.form-field--invalid {
    border-color: var(--color-mred-2);
  }
}
.form-field.form-field--invalid .input-wrapper,
.form-field.form-field--invalid .input-wrapper:before {
  border-color: var(--color-mred-3) !important;
}
@media screen and (forced-colors: none) {
  .dark .form-field.form-field--invalid .input-wrapper,
  .dark .form-field.form-field--invalid .input-wrapper:before {
    border-color: var(--color-mred-2) !important;
  }
}
.form-field.form-field--invalid .input-wrapper:before {
  content: "";
}
.form-field.form-field--invalid .fpui-input-element {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.form-field.form-field--variant-default.form-field-type-fpui-textarea textarea {
  padding: 1rem;
}
.form-field.form-field--disabled {
  border-color: var(--color-mgrey-4);
}
@media screen and (forced-colors: none) {
  .dark .form-field.form-field--disabled {
    border-color: var(--color-mpetrol-7);
  }
}
@media (forced-colors: active) {
  .form-field.form-field--disabled {
    border-color: GrayText;
  }
}
.form-field:where(.form-field--disabled, .form-field--invalid, .form-field--filled) .fpui-radio .fpui-radio-input {
  border-color: var(--color-mgrey-5);
}
@media screen and (forced-colors: none) {
  .dark .form-field:where(.form-field--disabled, .form-field--invalid, .form-field--filled) .fpui-radio .fpui-radio-input {
    border-color: var(--color-mpetrol-5);
  }
}
.form-field.form-field--variant-default.form-field--disabled .input-wrapper,
.form-field.form-field--variant-default.form-field--disabled .input-wrapper:before {
  border-color: var(--color-mgrey-4);
}
@media screen and (forced-colors: none) {
  .dark .form-field.form-field--variant-default.form-field--disabled .input-wrapper,
  .dark .form-field.form-field--variant-default.form-field--disabled .input-wrapper:before {
    border-color: var(--color-mpetrol-8);
  }
}
@media (forced-colors: active) {
  .form-field.form-field--variant-default.form-field--disabled .input-wrapper,
  .form-field.form-field--variant-default.form-field--disabled .input-wrapper:before {
    border-color: GrayText;
  }
}
.form-field.form-field--variant-default.form-field--disabled .fpui-select-value-text,
.form-field.form-field--variant-default.form-field--disabled .fpui-select-arrow-wrapper {
  color: var(--color-mgrey-4);
}
@media screen and (forced-colors: none) {
  .dark .form-field.form-field--variant-default.form-field--disabled .fpui-select-value-text,
  .dark .form-field.form-field--variant-default.form-field--disabled .fpui-select-arrow-wrapper {
    color: var(--color-mpetrol-8);
  }
}
@media (forced-colors: active) {
  .form-field.form-field--variant-default.form-field--disabled .fpui-select-value-text,
  .form-field.form-field--variant-default.form-field--disabled .fpui-select-arrow-wrapper {
    color: GrayText;
  }
}
.form-field .fpui-select-value-text .fpui-select-template,
.form-field .fpui-select-value-text .fpui-select-value-content,
.fpui-select-value-content .fpui-select-template {
  padding: 1rem;
}
.form-field.form-field--variant-outlined,
.form-field.form-field--variant-default {
  display: inline-flex;
  flex-direction: column;
}
.form-field.form-field--variant-outlined .input-wrapper,
.form-field.form-field--variant-default .input-wrapper,
.form-field.form-field--variant-outlined .fpui-select-value-content,
.form-field.form-field--variant-default .fpui-select-value-content {
  flex-grow: 1;
}
.form-field.form-field--variant-outlined .fpui-select-trigger,
.form-field.form-field--variant-default .fpui-select-trigger {
  padding-right: 0.75rem;
}
.form-field.form-field--variant-outlined .fpui-select,
.form-field.form-field--variant-default .fpui-select,
.form-field.form-field--variant-outlined .fpui-select-multiple,
.form-field.form-field--variant-default .fpui-select-multiple {
  width: 100%;
}
.form-field.form-field--variant-outlined.form-field-type-fpui-select:not(.form-field--disabled) .input-wrapper,
.form-field.form-field--variant-outlined.form-field-type-fpui-select-multiple .input-wrapper:not(.form-field--disabled) {
  border-color: var(--color-mpetrol-8) !important;
}
@media screen and (forced-colors: none) {
  .dark .form-field.form-field--variant-outlined.form-field-type-fpui-select:not(.form-field--disabled) .input-wrapper,
  .dark .form-field.form-field--variant-outlined.form-field-type-fpui-select-multiple .input-wrapper:not(.form-field--disabled) {
    border-color: var(--color-mpetrol-3) !important;
  }
}
@media print {
  @media screen and (forced-colors: none) {
    .dark .form-field.form-field--variant-outlined.form-field-type-fpui-select:not(.form-field--disabled) .input-wrapper,
    .dark .form-field.form-field--variant-outlined.form-field-type-fpui-select-multiple .input-wrapper:not(.form-field--disabled) {
      border-color: var(--color-mpetrol-8) !important;
    }
  }
}
.form-field.form-field--variant-outlined.form-field-type-fpui-select:not(.form-field--disabled) .input-wrapper,
.form-field.form-field--variant-outlined.form-field-type-fpui-select-multiple .input-wrapper:not(.form-field--disabled) {
}
.form-field.form-field--variant-outlined.form-field-type-fpui-select:not(.form-field--disabled) .input-wrapper:hover,
.form-field.form-field--variant-outlined.form-field-type-fpui-select-multiple .input-wrapper:not(.form-field--disabled):hover {
  --tw-shadow: inset 0 0 0 1px var(--color-mpetrol-8);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
@media screen and (forced-colors: none) {
  .dark .form-field.form-field--variant-outlined.form-field-type-fpui-select:not(.form-field--disabled) .input-wrapper:hover,
  .dark .form-field.form-field--variant-outlined.form-field-type-fpui-select-multiple .input-wrapper:not(.form-field--disabled):hover {
    --tw-shadow: inset 0 0 0 1px var(--color-mpetrol-3);
    --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow);
  }
}
.form-field.form-field--invalid.form-field--variant-outlined.form-field-type-fpui-select .input-wrapper,
.form-field.form-field--invalid.form-field--variant-outlined.form-field-type-fpui-select-multiple .input-wrapper:before {
  border-color: var(--color-mred-3) !important;
}
@media screen and (forced-colors: none) {
  .dark .form-field.form-field--invalid.form-field--variant-outlined.form-field-type-fpui-select .input-wrapper,
  .dark .form-field.form-field--invalid.form-field--variant-outlined.form-field-type-fpui-select-multiple .input-wrapper:before {
    border-color: var(--color-mred-2) !important;
  }
}
.form-field.form-field--invalid.form-field--variant-outlined.form-field-type-fpui-select .input-wrapper,
.form-field.form-field--invalid.form-field--variant-outlined.form-field-type-fpui-select-multiple .input-wrapper:before {
}
.form-field.form-field--invalid.form-field--variant-outlined.form-field-type-fpui-select .input-wrapper:hover,
.form-field.form-field--invalid.form-field--variant-outlined.form-field-type-fpui-select-multiple .input-wrapper:hover:before {
  --tw-shadow: inset 0 0 0 1px var(--color-mred-3);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
@media screen and (forced-colors: none) {
  .dark .form-field.form-field--invalid.form-field--variant-outlined.form-field-type-fpui-select .input-wrapper:hover,
  .dark .form-field.form-field--invalid.form-field--variant-outlined.form-field-type-fpui-select-multiple .input-wrapper:hover:before {
    --tw-shadow: inset 0 0 0 1px var(--color-mred-3);
    --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow);
  }
}
.form-field.form-field--variant-outlined .fpui-input-element,
.form-field.form-field--variant-outlined .fpui-select-trigger,
.form-field.form-field--variant-default .fpui-input-element,
.form-field.form-field--variant-default .fpui-select-trigger {
  font-size: 1rem;
  line-height: 1.3125rem;
  flex-grow: 1;
  overflow: hidden;
}
.form-field.form-field--variant-outlined textarea.fpui-input-element,
.form-field.form-field--variant-default textarea.fpui-input-element {
  overflow-y: auto;
  flex-shrink: 0;
  width: 100%;
}
.form-field.form-field--clearable .fpui-input-element {
  padding-right: 4.25rem;
}
@media (min-width: 576px) {
  .form-field.form-field--clearable .fpui-input-element {
    padding-right: 4.5rem;
  }
}
.form-field.form-field--variant-default .input-wrapper {
  display: flex;
  align-items: baseline;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: var(--color-mpetrol-8);
}
@media screen and (forced-colors: none) {
  .dark .form-field.form-field--variant-default .input-wrapper {
    border-color: var(--color-mpetrol-3);
  }
}
.form-field.form-field--variant-default .input-wrapper {
  position: relative;
  overflow: hidden;
}
.form-field.form-field--variant-default.form-field-type-fpui-textarea .input-wrapper {
  border-top-width: 1px;
  border-right-width: 1px;
  border-radius: 4px;
  border-width: 0.09rem;
  padding: 0.25rem;
}
.form-field.form-field--variant-outlined {
  border-color: var(--color-mgrey-5);
}
@media screen and (forced-colors: none) {
  .dark .form-field.form-field--variant-outlined {
    border-color: var(--color-mpetrol-5);
  }
}
@media print {
  @media screen and (forced-colors: none) {
    .dark .form-field.form-field--variant-outlined {
      border-color: var(--color-mgrey-5);
    }
  }
}
.form-field.form-field--variant-outlined .input-wrapper {
  border-width: 1px;
  border-radius: 4px;
  border-color: var(--color-mgrey-5);
  background-color: var(--color-mwhite);
}
@media screen and (forced-colors: none) {
  .dark .form-field.form-field--variant-outlined .input-wrapper {
    border-color: var(--color-mpetrol-5);
    background-color: var(--color-mpetrol-10);
  }
}
@media print {
  @media screen and (forced-colors: none) {
    .dark .form-field.form-field--variant-outlined .input-wrapper {
      border-color: var(--color-mgrey-5);
    }
  }
}
.form-field.form-field--variant-outlined:not(.form-field--disabled):hover .input-wrapper {
  border-color: var(--color-mpetrol-4);
}
@media screen and (forced-colors: none) {
  .dark .form-field.form-field--variant-outlined:not(.form-field--disabled):hover .input-wrapper {
    border-color: var(--color-mpetrol-2);
  }
}
@media print {
  @media screen and (forced-colors: none) {
    .dark .form-field.form-field--variant-outlined:not(.form-field--disabled):hover .input-wrapper {
      border-color: var(--color-mpetrol-4);
    }
  }
}
.form-field.form-field-type-fpui-textarea textarea {
  resize: none;
}
.form-field .fpui-radio .fpui-radio-input {
  border-color: var(--color-mgrey-6);
}
@media screen and (forced-colors: none) {
  .dark .form-field .fpui-radio .fpui-radio-input {
    border-color: var(--color-mpetrol-4);
  }
}
.form-field.form-field-type-fpui-input .input-status-wrapper:before {
  content: "\200b";
  font-size: 1rem;
  line-height: 1.3125rem;
  -webkit-user-select: none;
  user-select: none;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.form-field.form-field--filled:where(.form-field-type-fpui-select-single) {
  border-color: var(--color-mgrey-4);
}
@media screen and (forced-colors: none) {
  .dark .form-field.form-field--filled:where(.form-field-type-fpui-select-single) {
    border-color: var(--color-mpetrol-7);
  }
}
.form-field.form-field--filled:where(.form-field-type-fpui-select-single) .input-wrapper {
  border-color: var(--color-mgrey-4);
}
@media screen and (forced-colors: none) {
  .dark .form-field.form-field--filled:where(.form-field-type-fpui-select-single) .input-wrapper {
    border-color: var(--color-mpetrol-7);
  }
}
.fpui-input--right input {
  text-align: right;
}
.fpui-select-value-content .fpui-select-template--multiline {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  padding-left: 0.75rem;
}
.gap-inherit {
  gap: inherit;
}
.input-wrapper.no-border {
  border: 0;
}
formly-group {
  display: contents;
}
formly-field {
  display: contents;
}
.form-row--vertical .form-field--variant-default.form-field-type-fpui-input,
.form-row--vertical .form-field--variant-default.form-field-type-fpui-select {
  margin-top: -8px;
}
.form-row--horizontal .form-field--variant-default.form-field-type-fpui-input,
.form-row--horizontal .form-field--variant-default.form-field-type-fpui-select {
  margin-top: -8px;
}
@media (min-width: 769px) {
  .form-row--horizontal .form-field--variant-default.form-field-type-fpui-input,
  .form-row--horizontal .form-field--variant-default.form-field-type-fpui-select {
    margin-top: 0;
  }
}
.fpui-form-row__control--horizontal {
  --control-layout: row;
}
.fpui-form-row__control--vertical {
  --control-layout: column;
}
:where(.fpui-form-row--gap.fpui-form-row--controls-horizontal) {
  --control-gap: 0.75rem 2.5rem;
}
:where(.fpui-form-row--gap.fpui-form-row--controls-vertical) {
  --control-gap: 0.75rem;
}
.fpui-form-row--gap-2 {
  --control-gap: 0.5rem;
}
.fpui-form-row--gap-3 {
  --control-gap: 0.75rem;
}
.fpui-form-row--gap-4 {
  --control-gap: 1rem;
}
.fpui-form-row--gap-5 {
  --control-gap: 1.25rem;
}
.fpui-form-row--gap-10 {
  --control-gap: 2.5rem;
}
.form-row-value {
  gap: var(--control-gap);
}
.highlight {
  animation: 0.3s cubic-bezier(1, 0.24, 0.94, 0.67) 0s forwards fade-in, 50ms cubic-bezier(1, 0.24, 0.94, 0.67) 3s forwards fade-out;
  border: 2px solid #99bbbf;
  border-radius: 6px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2), 0 4px 6px -4px rgba(0, 0, 0, 0.2);
  background: rgba(153, 187, 191, 0.08);
  pointer-events: none;
  z-index: 1;
}
@keyframes fade-out {
  from {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
  }
  to {
    opacity: 0;
    transform: scale(1.1);
    filter: blur(4px);
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
    filter: blur(4px);
  }
  to {
    opacity: 1;
    filter: blur(0);
  }
}
.fpui-icon::before {
  content: "\200b";
  -webkit-user-select: none;
  user-select: none;
}
.fpui-icon line,
.fpui-icon circle,
.fpui-icon path,
.fpui-icon rect {
  vector-effect: non-scaling-stroke;
}
.fpui-icon--show-badge {
  position: relative;
}
.fpui-icon--show-badge:after {
  position: absolute;
  background-color: var(--color-zred-4);
}
@media screen and (forced-colors: none) {
  .dark .fpui-icon--show-badge:after {
    background-color: var(--color-zred-3);
  }
}
.fpui-icon--show-badge:after {
  content: "";
  -webkit-user-select: none;
  user-select: none;
  width: 7px;
  height: 7px;
  border-radius: 4px;
  right: 2px;
  top: 0;
}
.fpui-icon--fontsize-8 {
  font-size: 8px;
}
.fpui-movement-icon::before {
  content: "\200b";
  -webkit-user-select: none;
  user-select: none;
}
.fpui-movement-icon__image {
  position: relative;
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  background-size: cover;
  background-repeat: no-repeat;
}
.fpui-movement-icon__image::after {
  content: "";
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  inset: 0;
  display: block;
  border-radius: 9999px;
  border-width: 0.09rem;
  border-color: var(--color-mpetrol-2);
}
@media screen and (forced-colors: none) {
  .dark .fpui-movement-icon__image::after {
    border-color: var(--color-mpetrol-8);
  }
}
.fpui-movement-icon__image img {
  font-size: 0.75rem;
  line-height: 1.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 9999px;
}
.fpui-movement-icon__image--with-category {
  background-color: var(--color-zpetrol-1);
}
@media screen and (forced-colors: none) {
  .dark .fpui-movement-icon__image--with-category {
    background-color: var(--color-zpetrol-11);
  }
}
.fpui-movement-icon__image--with-category {
}
.fpui-movement-icon__image--with-category::after {
  border: 0;
}
.fpui-movement-icon__image--with-category img {
  width: 80%;
  margin-left: 10%;
  border-radius: 0;
}
.fpui-radio-input {
  flex: none;
  border-width: 0.09rem;
  border-color: var(--fpui-radio-border-color-normal);
  background-color: var(--fpui-radio-bg-color-unchecked);
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.fpui-radio-input::after {
  display: inline-block;
  content: "\200b";
  width: 100%;
  height: 100%;
  border-radius: 100%;
  transform: scale(0.1);
  opacity: 0;
  background-color: var(--fpui-radio-bg-color-checked);
  transition: all 0.15s ease-out;
  transition-property: opacity, transform;
}
.fpui-radio-input:checked::after {
  --tw-scale-x: .5;
  --tw-scale-y: .5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.fpui-radio-input:disabled:checked::after {
  background-color: var(--fpui-radio-bg-color-disabled);
  opacity: 0.5;
}
.fpui-radio-input:disabled {
  border-color: var(--fpui-radio-border-color-hover);
  opacity: 0.5;
}
@media (forced-colors: active) {
  .fpui-radio-input:disabled {
    border-color: GrayText;
  }
}
.fpui-radio-input:disabled + .radio__label {
  color: var(--fpui-radio-text-color-disabled);
}
.fpui-radio-input:hover:not(:disabled) {
  border-color: var(--fpui-radio-border-color-disabled);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
  --tw-ring-inset: inset;
  --tw-ring-color: var(--fpui-radio-ring-color-hover);
}
.fpui-radio-input:not(:disabled) {
  cursor: pointer;
}
.fpui-radio.fpui-radio-disabled .fpui-radio-label-content {
  opacity: 0.5;
}
.fpui-radio-label-content {
  color: --fpui-radio-text-color-normal;
}
.fpui-radio-group {
  display: flex;
  flex-wrap: wrap;
  align-self: baseline;
}
.fpui-radio-group--grid {
  display: grid;
}
.fpui-radio-group {
  row-gap: 0.75rem;
  column-gap: 1.5rem;
}
.fpui-form-row .fpui-radio-group {
  gap: var(--control-gap, inherit);
  flex-direction: var(--control-layout, inherit);
  row-gap: 0.75rem;
  column-gap: 1.5rem;
}
.fpui-radio-formly {
  flex-direction: inherit;
  gap: inherit;
}
.fpui-option {
  border-bottom-width: 0.09rem;
  border-color: var(--fpui-select-option-border-color);
}
.fpui-option:last-child {
  border-style: none;
}
@media screen and (forced-colors: none) {
  .dark .fpui-option {
    color: var(--color-mwhite);
  }
}
.fpui-option--active {
  background-color: var(--fpui-select-option-bg-color-active) !important;
}
.fpui-option:hover:not(.fpui-option--disabled),
.fpui-option:focus:not(.fpui-option--disabled) {
  background-color: var(--fpui-select-option-bg-color-hover) !important;
}
.fpui-option--active.fpui-option--selected {
  background-color: transparent;
}
.fpui-option--active.fpui-option--selected:hover:not(.fpui-option--disabled),
.fpui-option--active.fpui-option--selected:focus:not(.fpui-option--disabled) {
  background-color: var(--fpui-select-option-bg-color-selected);
}
.fpui-select-trigger {
  display: flex;
  flex-grow: 1;
  align-items: center;
  overflow: hidden;
}
.fpui-select-value {
  display: contents;
}
.fpui-select-panel-wrap {
  flex-grow: 1;
}
.fpui-select-panel {
  max-height: 412px;
  margin: -1px;
  border-width: 0.09rem;
  border-style: solid;
  border-color: var(--fpui-select-border-color);
  background-color: var(--fpui-select-bg-color);
}
.fpui-select-min-line {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.fpui-select-min-line:empty::before {
  width: 1px;
  white-space: pre;
  content: " ";
}
.fpui-select .mat-option {
  font-size: 1rem;
  line-height: 1.3125rem;
}
.fpui-select--multiline {
  vertical-align: middle;
}
.fpui-select-template--multiline .beforefix::before {
  content: "\200b";
}
.fpui-select-value--split {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fpui-select-value--split .fpui-select-value--start.fpui-select-value--start-with-prefix {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: flex-start;
}
.fpui-select-value--split .fpui-select-value--end {
  margin-right: 0.3em;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.fpui-select--link:hover {
  --tw-shadow: inset 0 0 0 1px var(--color-mpetrol-8);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
@media screen and (forced-colors: none) {
  .dark .fpui-select--link:hover {
    --tw-shadow: inset 0 0 0 1px var(--color-mpetrol-3);
    --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow);
  }
}
.fpui-select--link .fpui-select--link-placeholder {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 576px) {
  .fpui-select--link .fpui-select--link-placeholder {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 1rem;
    padding-left: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .fpui-select--link .fpui-select--link-placeholder {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.cdk-option-active {
  background-color: var(--color-mpetrol-2);
}
@media screen and (forced-colors: none) {
  .dark .cdk-option-active {
    background-color: var(--color-mpetrol-11);
  }
}
@media (forced-colors: active) {
  .cdk-option-active {
    border-left-color: Highlight;
  }
}
@keyframes loading-horizontal-stripes {
  0%, 40% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(200%);
  }
}
.fpui-skeleton .loading-animation::after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background:
    linear-gradient(
      90deg,
      var(--color-mgrey-2),
      var(--color-mgrey-1),
      var(--color-mgrey-2));
  animation-name: loading-horizontal-stripes;
  animation-duration: 1250ms;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: var(--animation-delay);
  content: "";
}
@media screen and (forced-colors: active) {
  .fpui-skeleton .loading-animation::after {
    background-image:
      linear-gradient(
        90deg,
        Window,
        GrayText,
        Window);
    forced-color-adjust: none;
  }
}
.dark .fpui-skeleton .loading-animation::after {
  background:
    linear-gradient(
      90deg,
      var(--color-mpetrol-11),
      var(--color-mpetrol-10),
      var(--color-mpetrol-11));
}
@media print {
  .fpui-table tr,
  .fpui-table tr td,
  .fpui-table tr th {
    break-inside: avoid;
  }
  .fpui-table td {
    -webkit-print-color-adjust: exact !important;
  }
  .fpui-table tfoot {
    display: table-row-group;
  }
  .cdk-column-actions,
  .cdk-column-checkbox,
  .cdk-column-radio,
  .fpui-cell--checkbox,
  .fpui-cell--radio {
    display: none;
  }
}
.fpui-table {
  --tdy: 1rem;
  --tdx: 1rem;
  --tly: 1.5rem;
  --tlx: 1.25rem;
  --tsy: 0.75rem;
  --tsx: 0.75rem;
}
@media (min-width: 1200px) {
  .fpui-table {
    --tdy: 1.25rem;
    --tdx: 1.25rem;
  }
}
.fpui-table--small {
  --tdy: 0.25rem;
  --tdx: 0.25rem;
  --tsx: 0.5rem;
  --tlx: 0.5rem;
}
@media (min-width: 992px) {
  .fpui-table--small {
    --tdy: 0.5rem;
    --tdx: 0.5rem;
  }
}
.fpui-table--dense {
  --tdy: 0.4rem;
  --tdx: 0.4rem;
}
.fpui-header-cell {
  padding-bottom: 0.5rem;
}
.fpui-header-cell.fpui-header-cell--sr-only {
  padding-bottom: 0;
}
.cell__title {
  padding-bottom: 0.25rem;
}
.cell__title > .fpui-header-cell,
.cell__title > .fpui-footer-cell {
  display: contents;
}
:not(.cell__title) > .fpui-header-cell,
:not(.cell__title) > .fpui-footer-cell {
  padding-right: var(--tsx);
}
:not(.cell__title) > .fpui-header-cell:last-child,
:not(.cell__title) > .fpui-footer-cell:last-child {
  padding-right: 0;
}
:not(.cell__title) > .fpui-footer-cell {
  border-bottom-width: 1px;
}
.fpui-footer-cell.text-right .fpui-footer-cell__overflow {
  direction: rtl;
}
.fpui-footer-cell.text-right .fpui-footer-cell__overflow > span {
  display: inline-block;
  direction: ltr;
}
.align-baseline tr,
.align-baseline thead,
.align-baseline tbody {
  vertical-align: inherit;
}
:where(.fpui-cell--dot, .fpui-cell--checkbox, .fpui-cell--radio, .fpui-cell--icon, .fpui-cell--action, .fpui-cell--status) .cell__title {
  display: none;
}
.fpui-table--normal :not(.cell__title) > .fpui-header-cell {
  border-bottom-width: 1px;
}
.fpui-table--normal .fpui-footer-cell .fpui-footer-cell__overflow {
  width: 0;
  display: inline-block;
  white-space: nowrap;
  overflow-x: visible;
}
.fpui-table--normal .fpui-cell:where(.fpui-cell--last-special, .fpui-cell--normal, .fpui-cell--responsive-top-right, .fpui-cell--responsive-top-left) {
  width: auto;
}
.fpui-table--normal .fpui-cell:where(.fpui-cell--dot, .fpui-cell--checkbox, .fpui-cell--radio, .fpui-cell--icon, .fpui-cell--action, .fpui-cell--status) {
  width: 1px;
}
.fpui-table--normal .fpui-cell--normal.text-right {
  text-align: right;
}
.fpui-table--normal .fpui-cell--dot {
  padding-right: var(--tdx);
  padding-top: var(--tly);
}
.fpui-table--normal .fpui-header-cell--checkbox,
.fpui-table--normal .fpui-cell--checkbox {
  padding: var(--tdy) var(--tdx) var(--tdy) 0;
}
.fpui-table--normal .fpui-header-cell--radio,
.fpui-table--normal .fpui-cell--radio {
  padding: var(--tdy) var(--tdx) var(--tdy) 0;
}
.fpui-table--normal .fpui-cell--status {
  padding-top: var(--tdx);
  padding-right: var(--tdx);
}
.fpui-table--normal .fpui-cell--icon {
  padding: var(--tsy) var(--tdx) var(--tsy) 0;
}
.fpui-table--normal .fpui-cell--icon .fpui-icon {
  max-width: 50px;
}
.fpui-table--normal .fpui-cell--normal,
.fpui-table--normal .fpui-cell--custom {
  -webkit-hyphens: auto;
  hyphens: auto;
}
.fpui-table--normal .fpui-cell--normal {
  padding: var(--tdy) var(--tsx) var(--tdy) 0;
}
.fpui-table--normal .fpui-cell--normal:last-child {
  padding-right: 0;
}
.fpui-table--normal .fpui-cell--action {
  padding: var(--tsy) 0 var(--tsy) var(--tlx);
}
.fpui-table--normal .fpui-cell--custom {
  padding: var(--tdx) var(--tsx) var(--tdx) 0;
}
.fpui-table--normal .fpui-cell .cell__title {
  display: none;
}
.fpui-footer-cell {
  padding-top: var(--tdy);
  padding-bottom: var(--tdy);
  padding-right: var(--tsx);
  -webkit-hyphens: auto;
  hyphens: auto;
}
.fpui-footer-cell:last-child {
  padding-right: 0;
}
.fpui-table--stacked .fpui-cell--normal.text-right {
  text-align: left;
}
.fpui-table--stacked .fpui-cell {
  padding: 0;
  display: flex;
  flex-direction: column;
}
.fpui-table--stacked .fpui-row {
  gap: var(--tdx);
  padding: var(--tdy) 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.fpui-table--stacked .fpui-cell--dot {
  order: -96;
}
.fpui-table--stacked .fpui-cell--checkbox {
  order: -99;
}
.fpui-table--stacked .fpui-cell--radio {
  order: -99;
}
.fpui-table--stacked .fpui-header-cell--checkbox {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  width: 100%;
}
.fpui-table--stacked .fpui-header-cell--radio {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  width: 100%;
}
.fpui-table--stacked .fpui-cell--status {
  order: -97;
}
.fpui-table--stacked .fpui-cell--icon {
  order: -98;
}
.fpui-table--stacked .fpui-cell--custom {
  width: calc(50% - 0.5rem);
  padding-right: 0;
}
.fpui-table--stacked .fpui-cell--action {
  order: -95;
  align-items: flex-end;
  justify-content: flex-end;
  display: flex;
  flex-grow: 1;
}
.fpui-table--stacked .fpui-cell--normal {
  width: 100%;
}
.fpui-table--stacked .fpui-cell--responsive-top-left {
  order: -94;
  width: calc(50% - 0.5rem);
  flex-grow: 1;
}
.fpui-table--stacked .fpui-cell--responsive-top-right {
  order: -93;
  width: calc(50% - 0.5rem);
  flex-grow: 1;
}
@media (min-width: 576px) {
  .fpui-table--stacked:not(.fpui-table--small) .fpui-row {
    padding-top: var(--tlx);
  }
  .fpui-table--stacked .fpui-cell--normal {
    width: calc(50% - 0.5rem);
  }
}
.fpui-table--stacked :where(.fpui-cell--dot, .fpui-cell--checkbox, .fpui-cell--radio, .fpui-cell--icon, .fpui-cell--status) {
  width: auto;
}
.fpui-table--stacked .fpui-cell--last-special {
  width: 51%;
  align-items: flex-start;
}
.fpui-table--stacked .fpui-row {
  border-bottom-width: 0.09rem;
  border-color: var(--fpui-table-border-color);
}
.fpui-table--stacked .fpui-row:first-child {
  border-top-width: 0.09rem;
  border-color: var(--fpui-table-border-color);
}
.fpui-table--stacked .fpui-header-row {
  display: flex;
}
.fpui-table--stacked .fpui-header-row th:not(.fpui-header-cell--checkbox, .fpui-header-cell--radio) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.fpui-table--stacked tfoot {
  display: table;
  width: 100%;
}
.fpui-table--stacked .fpui-footer-row:not(.hidden) {
  display: table-row;
}
.fpui-table--stacked .fpui-footer-row td,
.fpui-table--stacked .fpui-footer-row th {
  display: table-cell;
}
.fpui-table--stacked .fpui-footer-row .fpui-footer-cell--zero-width {
  max-width: 0;
  padding: 0;
  display: inline-block;
}
.fpui-table--stacked .fpui-footer-row td:empty {
  display: table-cell;
}
.fpui-table--stacked .fpui-footer-cell__overflow {
  width: auto;
  white-space: inherit;
  direction: inherit;
}
.fpui-table--stacked :where(.fpui-cell .cell__value) {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 400;
}
.fpui-table--stacked .fpui-cell {
  display: flex;
  height: auto;
  border-bottom-width: 0;
}
.fpui-table--stacked .fpui-cell:first-of-type {
  padding-left: 0;
}
@media (min-width: 769px) {
  .fpui-table--stacked .fpui-cell.fpui-cell--normal {
    width: calc(50% - 0.5rem);
  }
  .fpui-table--stacked .fpui-cell.fpui-cell--responsive-top-right,
  .fpui-table--stacked .fpui-cell.fpui-cell--responsive-top-left {
    width: calc(50% - 0.5rem);
  }
}
@media (min-width: 992px) {
  .fpui-table--stacked .fpui-cell.fpui-cell--normal {
    width: calc(33.333333% - 0.83333rem);
  }
  .fpui-table--stacked .fpui-cell.fpui-cell--last-special {
    width: 66.666667%;
  }
  .fpui-table--stacked .fpui-cell.fpui-cell--responsive-top-right,
  .fpui-table--stacked .fpui-cell.fpui-cell--responsive-top-left {
    width: calc(50% - 0.75rem);
  }
}
.fpui-table .fpui-form-row--vertical .fpui-table {
  margin-top: 0.75rem;
}
.fpui-table .fpui-form-row:last-of-type .form-row--vertical {
  padding-bottom: 0;
}
.fpui-table-simple {
  height: 100%;
  --tdy: 1rem;
  --tdx: 1rem;
  --tly: 1.5rem;
  --tlx: 1.25rem;
  --tsy: 0.75rem;
  --tsx: 0.75rem;
}
.fpui-table-simple tbody,
.fpui-table-simple tr,
.fpui-table-simple tr,
.fpui-table-simple td,
.fpui-table-simple .fpui-cell-simple--padding {
  height: 100%;
}
.fpui-table-simple .align-baseline tr,
.fpui-table-simple .align-baseline thead,
.fpui-table-simple .align-baseline tbody {
  vertical-align: inherit;
}
@media (min-width: 1200px) {
  .fpui-table-simple {
    --tdy: 1.25rem;
    --tdx: 1.25rem;
  }
}
.fpui-table-simple.fpui-table-simple--small {
  --tdy: 0.25rem;
  --tdx: 0.25rem;
  --tsx: 0.5rem;
  --tlx: 0.5rem;
}
@media (min-width: 992px) {
  .fpui-table-simple.fpui-table-simple--small {
    --tdy: 0.5rem;
    --tdx: 0.5rem;
  }
}
.fpui-table-simple.fpui-table-simple--dense {
  --tdy: 0.4rem;
  --tdx: 0.4rem;
}
.fpui-table-simple .fpui-header-cell-simple {
  padding-right: var(--tsx);
  border-bottom-width: 1px;
  padding-bottom: 0.5rem;
  padding-top: 0;
}
.fpui-table-simple .fpui-header-cell-simple.fpui-header-cell--sr-only {
  padding-bottom: 0;
}
.fpui-table-simple .fpui-footer-cell-simple {
  border-bottom-width: 1px;
  padding-top: var(--tdy);
  padding-bottom: var(--tdy);
  padding-right: var(--tsx);
  -webkit-hyphens: auto;
  hyphens: auto;
}
.fpui-table-simple .fpui-footer-cell-simple:last-child {
  padding-right: 0;
}
.fpui-table-simple .fpui-footer-cell-simple .fpui-footer-cell__overflow {
  width: 0;
  display: inline-block;
  white-space: nowrap;
  overflow-x: visible;
}
.fpui-table-simple .fpui-cell-simple:where(.fpui-cell--normal) {
  width: auto;
}
.fpui-table-simple .fpui-cell-simple:where(.fpui-cell--dot, .fpui-cell--checkbox, .fpui-cell--icon, .fpui-cell--action, .fpui-cell--status) {
  width: 1px;
}
.fpui-table-simple .fpui-cell--normal.text-right {
  text-align: right;
}
.fpui-table-simple .fpui-cell--no-padding {
  padding: 0 !important;
}
.fpui-table-simple .fpui-cell-simple .fpui-cell-simple--padding {
  display: block;
}
.fpui-table-simple.align-middle .fpui-cell-simple .fpui-cell-simple--padding {
  display: grid;
  align-items: center;
}
.fpui-table-simple .fpui-cell--dot:not(.fpui-cell--no-padding),
.fpui-table-simple .fpui-cell--dot .fpui-cell-simple--padding {
  padding-right: var(--tdx);
  padding-top: var(--tly);
}
.fpui-table-simple .fpui-cell--checkbox:not(.fpui-cell--no-padding),
.fpui-table-simple .fpui-cell--checkbox .fpui-cell-simple--padding {
  padding: var(--tdy) var(--tdx) var(--tdy) 0;
}
.fpui-table-simple .fpui-cell--status:not(.fpui-cell--no-padding),
.fpui-table-simple .fpui-cell--status .fpui-cell--no-padding,
.fpui-table-simple .fpui-cell--icon:not(.fpui-cell--no-padding),
.fpui-table-simple .fpui-cell--icon .fpui-cell-simple--padding {
  padding: var(--tsy) var(--tdx) var(--tsy) 0;
}
.fpui-table-simple .fpui-cell--icon .fpui-icon {
  max-width: 50px;
}
.fpui-table-simple .fpui-cell--normal,
.fpui-table-simple .fpui-cell--custom {
  -webkit-hyphens: auto;
  hyphens: auto;
}
.fpui-table-simple .fpui-cell--normal:not(.fpui-cell--no-padding),
.fpui-table-simple .fpui-cell--normal .fpui-cell-simple--padding {
  padding: var(--tdy) var(--tsx) var(--tdy) 0;
}
.fpui-table-simple .fpui-cell--normal:last-child:not(.fpui-cell--no-padding),
.fpui-table-simple .fpui-cell--normal:last-child .fpui-cell-simple--padding {
  padding-right: 0;
}
.fpui-table-simple .fpui-cell--action:not(.fpui-cell--no-padding),
.fpui-table-simple .fpui-cell--action .fpui-cell-simple--padding {
  padding: var(--tsy) 0 var(--tsy) var(--tlx);
}
.fpui-table-simple .fpui-cell--custom:not(.fpui-cell--no-padding),
.fpui-table-simple .fpui-cell--custom .fpui-cell-simple--padding {
  padding: var(--tdx) var(--tsx) var(--tdx) 0;
}
.toggle-group__list-item {
  position: relative;
  margin-top: -0.09rem;
  width: 100%;
  text-align: center;
}
@media (min-width: 576px) {
  .toggle-group__list-item {
    margin-top: 0;
    flex-grow: 1;
  }
}
.toggle-group__list-item label {
  display: flex;
  height: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-top-width: 0.09rem;
  border-bottom-width: 0.09rem;
  border-left-width: 0.09rem;
  border-right-width: 0.09rem;
  background-color: var(--color-mwhite);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  line-height: 1;
}
@media screen and (forced-colors: none) {
  .dark .toggle-group__list-item label {
    background-color: var(--color-mpetrol-10);
  }
}
@media (min-width: 576px) {
  .toggle-group__list-item label {
    border-right-width: 0px;
  }
}
@media (forced-colors: active) {
  .toggle-group__list-item label {
    color: GrayText;
  }
}
.toggle-group__list-item--disabled > label {
  border-left-color: var(--color-mgrey-5);
}
@media screen and (forced-colors: none) {
  .dark .toggle-group__list-item--disabled > label {
    border-left-color: var(--color-mpetrol-7);
    border-right-color: var(--color-mpetrol-7);
  }
}
@media (min-width: 576px) {
  .toggle-group__list-item--disabled > label {
    border-left-color: var(--color-mgrey-5);
  }
}
@media screen and (forced-colors: none) {
  @media (min-width: 576px) {
    .dark .toggle-group__list-item--disabled > label {
      border-left-color: var(--color-mpetrol-7);
      border-right-color: var(--color-mpetrol-7);
      border-top-color: var(--color-mpetrol-7);
      border-bottom-color: var(--color-mpetrol-7);
    }
  }
}
@media (forced-colors: active) {
  .toggle-group__list-item--disabled > label {
    border-color: GrayText;
  }
}
.toggle-group__list-item:not(.toggle-group__list-item--disabled) label {
  color: var(--color-mpetrol-8);
}
@media screen and (forced-colors: none) {
  .dark .toggle-group__list-item:not(.toggle-group__list-item--disabled) label {
    color: var(--color-mpetrol-3);
  }
}
.toggle-group__list-item:not(.toggle-group__list-item--selected):not(.toggle-group__list-item--disabled) label {
  border-color: var(--color-mpetrol-8);
}
.toggle-group__list-item:not(.toggle-group__list-item--selected):not(.toggle-group__list-item--disabled) label:hover {
  border-color: var(--color-mpetrol-8);
  background-color: var(--color-mpetrol-2);
}
@media screen and (forced-colors: none) {
  .dark .toggle-group__list-item:not(.toggle-group__list-item--selected):not(.toggle-group__list-item--disabled) label {
    border-color: var(--color-mpetrol-3);
  }
  .dark .toggle-group__list-item:not(.toggle-group__list-item--selected):not(.toggle-group__list-item--disabled) label:hover {
    border-color: var(--color-mpetrol-3);
    background-color: var(--color-mpetrol-9);
    color: var(--color-mpetrol-3);
  }
}
.toggle-group__list-item--first label {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
@media (min-width: 576px) {
  .toggle-group__list-item--first label {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 8px;
  }
}
.toggle-group__list-item:not(.toggle-group__list-item--disabled).toggle-group__list-item--first label {
  border-left-color: var(--color-mpetrol-8);
}
@media screen and (forced-colors: none) {
  .dark .toggle-group__list-item:not(.toggle-group__list-item--disabled).toggle-group__list-item--first label {
    border-left-color: var(--color-mpetrol-3);
  }
}
.toggle-group__list-item--selected.toggle-group__list-item--first label {
  border-left-color: var(--color-mpetrol-8) !important;
}
@media screen and (forced-colors: none) {
  .dark .toggle-group__list-item--selected.toggle-group__list-item--first label {
    border-left-color: var(--color-mpetrol-3) !important;
  }
}
.toggle-group__list-item--disabled.toggle-group__list-item--first label {
  border-left-color: var(--color-mgrey-5);
}
@media screen and (forced-colors: none) {
  .dark .toggle-group__list-item--disabled.toggle-group__list-item--first label {
    border-left-color: var(--color-mpetrol-7);
  }
}
.toggle-group__list-item--last label {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-right-width: 0.09rem;
}
@media (min-width: 576px) {
  .toggle-group__list-item--last label {
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0px;
  }
}
.toggle-group__list-item--disabled.toggle-group__list-item--last label {
  border-right-color: var(--color-mgrey-5);
}
@media screen and (forced-colors: none) {
  .dark .toggle-group__list-item--disabled.toggle-group__list-item--last label {
    border-right-color: var(--color-mpetrol-7);
  }
}
.toggle-group__list-item--disabled.toggle-group__list-item--last label {
  border-right-color: var(--color-mgrey-5);
}
@media screen and (forced-colors: none) {
  .dark .toggle-group__list-item--disabled.toggle-group__list-item--last label {
    border-right-color: var(--color-mpetrol-7);
  }
}
.toggle-group__list-item--selected:not(.toggle-group__list-item--disabled) label {
  border-color: var(--color-mpetrol-8);
  background-color: var(--color-mpetrol-8);
  color: var(--color-mwhite);
}
@media screen and (forced-colors: none) {
  .dark .toggle-group__list-item--selected:not(.toggle-group__list-item--disabled) label {
    border-color: var(--color-mpetrol-3);
    background-color: var(--color-mpetrol-3);
  }
}
@media (forced-colors: active) {
  .toggle-group__list-item--selected:not(.toggle-group__list-item--disabled) label {
    background-color: SelectedItem;
  }
}
@media screen and (forced-colors: none) {
  .dark .toggle-group__list-item--selected:not(.toggle-group__list-item--disabled) label {
    color: var(--color-mpetrol-10) !important;
  }
}
.toggle-group__list-item--selected.toggle-group__list-item--disabled label {
  color: var(--color-mwhite);
}
@media screen and (forced-colors: none) {
  .dark .toggle-group__list-item--selected.toggle-group__list-item--disabled label {
    color: var(--color-mpetrol-10);
  }
}
.toggle-group__list-item:not(toggle-group__list-item--selected).toggle-group__list-item--disabled {
  color: var(--color-mgrey-5);
}
@media screen and (forced-colors: none) {
  .dark .toggle-group__list-item:not(toggle-group__list-item--selected).toggle-group__list-item--disabled {
    color: var(--color-mpetrol-7);
  }
}
.toggle-group__list-item:not(.toggle-group__list-item--disabled) + .toggle-group__list-item--disabled > label {
  border-left-color: var(--color-mgrey-5);
  border-top-color: var(--color-mpetrol-8);
}
@media screen and (forced-colors: none) {
  .dark .toggle-group__list-item:not(.toggle-group__list-item--disabled) + .toggle-group__list-item--disabled > label {
    border-left-color: var(--color-mpetrol-7);
    border-top-color: var(--color-mpetrol-3);
  }
}
@media (min-width: 576px) {
  .toggle-group__list-item:not(.toggle-group__list-item--disabled) + .toggle-group__list-item--disabled > label {
    border-left-color: var(--color-mpetrol-8);
    border-top-color: var(--color-mgrey-5);
  }
}
@media screen and (forced-colors: none) {
  @media (min-width: 576px) {
    .dark .toggle-group__list-item:not(.toggle-group__list-item--disabled) + .toggle-group__list-item--disabled > label {
      border-left-color: var(--color-mpetrol-3);
      border-top-color: var(--color-mpetrol-7);
    }
  }
}
.toggle-group__list-item.toggle-group__list-item--error > label {
  border-left-color: var(--color-mred-3) !important;
  border-right-color: var(--color-mred-3) !important;
}
@media (min-width: 576px) {
  .toggle-group__list-item.toggle-group__list-item--error > label {
    border-top-color: var(--color-mred-3) !important;
    border-bottom-color: var(--color-mred-3) !important;
    border-left-color: inherit !important;
    border-right-color: inherit !important;
  }
}
.toggle-group__list-item.toggle-group__list-item--error.toggle-group__list-item--first > label {
  border-top-color: var(--color-mred-3) !important;
}
@media (min-width: 576px) {
  .toggle-group__list-item.toggle-group__list-item--error.toggle-group__list-item--first > label {
    border-left-color: var(--color-mred-3) !important;
  }
}
.toggle-group__list-item.toggle-group__list-item--error.toggle-group__list-item--last > label {
  border-bottom-color: var(--color-mred-3) !important;
}
@media (min-width: 576px) {
  .toggle-group__list-item.toggle-group__list-item--error.toggle-group__list-item--last > label {
    border-right-color: var(--color-mred-3) !important;
  }
}
@keyframes spinnerRotateAnimation {
  0% {
    transform: rotate3d(0, 0, 1, -15deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes spinnerStrokeDashOffsetAnimation {
  0% {
    stroke-dashoffset: 125;
  }
  70% {
    stroke-dashoffset: 0;
    animation-timing-function: cubic-bezier(0.7, 0.14, 0.82, 0.92);
  }
  100% {
    stroke-dashoffset: -125;
  }
}
.fpui-progress-spinner .fpui-progress-spinner__mark-bottom,
.fpui-progress-spinner .fpui-progress-spinner__mark-top {
  animation: spinnerStrokeDashOffsetAnimation 1.8s cubic-bezier(0, 0.4, 0.6, 1) both infinite, spinnerRotateAnimation 1.8s cubic-bezier(0, 0.4, 0.6, 1) both infinite;
  transform-style: flat;
  will-change:
    transform,
    stroke-dashoffset,
    stroke-width;
  stroke: var(--fpui-progress-spinner-color);
  stroke-width: 42px;
  stroke-dasharray: 125px;
  fill: none;
}
.fpui-progress-spinner__mark-top {
  transform-origin: 100px 100px;
}
.fpui-progress-spinner__mark-bottom {
  transform-origin: 240px 240px;
}
.fpui-bottom-sheet__backdrop {
  background-color: rgba(0, 0, 0, 0.1);
}
.cdk-overlay-pane .fpui-bottom-sheet__panel {
  max-width: 100%;
  width: 100vw;
}
.fpui-bottom-sheet__content {
  max-height: 100vh;
}
@media (min-width: 992px) {
  .fpui-bottom-sheet__content {
    max-height: 90vh;
  }
}
.fpui-list-item {
}
.fpui-list-item > * {
  display: flex;
  align-items: center;
}
.fpui-list-item .fpui-link {
  display: flex;
  width: 100%;
}
.fpui-popover .caret {
  top: -1.125rem;
  height: 1.125rem;
  width: 1.125rem;
  position: absolute;
}
.fpui-popover .caret .caret--border,
.fpui-popover .caret .caret--background {
  border-width: 0.563rem;
  forced-color-adjust: none;
  position: absolute;
  top: 0.09rem;
}
.fpui-scala-investor-profile .scala-grid {
  display: grid;
  gap: 0.5rem;
  color: var(--fpui-scala-investor-profile-axis-label);
}
@media (min-width: 769px) {
  .fpui-scala-investor-profile .scala-grid {
    gap: 0.75rem;
  }
}
.fpui-scala-investor-profile .scala-grid {
  grid-template-columns: auto 1fr;
  grid-template-areas: "y-axis diagram" "empty x-axis";
}
.fpui-scala-investor-profile .scala-grid .axis {
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.fpui-scala-investor-profile .scala-grid .axis.xaxis {
  justify-self: end;
  padding-right: 0.5rem;
}
@media (min-width: 769px) {
  .fpui-scala-investor-profile .scala-grid .axis.xaxis {
    justify-self: center;
  }
}
.fpui-scala-investor-profile .scala-grid .axis.xaxis {
  grid-area: x-axis;
}
.fpui-scala-investor-profile .scala-grid .axis.yaxis {
  align-self: flex-start;
  padding-bottom: 0.5rem;
}
@media (min-width: 769px) {
  .fpui-scala-investor-profile .scala-grid .axis.yaxis {
    align-self: center;
  }
}
.fpui-scala-investor-profile .scala-grid .axis.yaxis {
  grid-area: y-axis;
  writing-mode: vertical-lr;
  transform: rotate(180deg);
}
.fpui-scala-investor-profile .diagram {
  grid-area: diagram;
  display: grid;
  grid-template-columns: 1fr;
}
.fpui-scala-investor-profile .diagram-axis {
  grid-row-start: 1;
  grid-column-start: 1;
  position: relative;
  border-bottom-width: 0.09rem;
  border-left-width: 0.09rem;
  border-color: var(--fpui-scala-investor-profile-axis-stroke);
}
.fpui-scala-investor-profile .diagram-graph {
  margin-top: 1rem;
}
@media (min-width: 769px) {
  .fpui-scala-investor-profile .diagram-graph {
    margin-top: 3.5rem;
  }
}
.fpui-scala-investor-profile .diagram-graph {
  max-height: 250px;
  width: 100%;
  grid-row-start: 1;
  grid-column-start: 1;
}
.fpui-scala-investor-profile .diagram-labels {
  margin-top: 1rem;
  display: grid;
  height: 4rem;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
}
@media (min-width: 769px) {
  .fpui-scala-investor-profile .diagram-labels {
    margin-top: 0;
    align-items: flex-end;
  }
}
.fpui-scala-investor-profile .diagram-labels {
  grid-row-start: 1;
  grid-column-start: 1;
}
.fpui-webcam .cutout-border {
  top: 30%;
  right: 30%;
  bottom: 30%;
  left: 30%;
}
.fpui-webcam .aspect-ratio-1 {
  padding-top: 100%;
}
.fpui-webcam .qr-code-overlay-border {
  box-shadow: 0 0 0 5000px rgba(0, 0, 0, 0.5);
}
.fpui-webcam .flip-x {
  transform: scaleX(-1);
}
.fpui-webcam .hint {
  max-width: 22rem;
}
.cdk-drag-preview {
  padding: 0;
}
.cdk-drag-preview.fpui-widget:has(.fpui-widget-vertical) {
  background: transparent;
}
.cdk-drag-preview.fpui-widget:has(.fpui-widget-vertical) .fpui-widget-vertical-drag-icon {
  color: var(--fpui-widget-edit-vertical-icon-hover);
}
.cdk-drag-preview .fpui-widget-vertical {
  border-radius: 4px;
  border-width: 0.09rem;
  border-color: var(--color-mgrey-7);
}
@media screen and (forced-colors: none) {
  .dark .cdk-drag-preview .fpui-widget-vertical {
    border-color: var(--color-mgrey-1);
  }
}
.cdk-drag-preview .fpui-widget-grid {
  border-width: 2px;
  border-color: var(--fpui-widget-edit-border-hover);
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.cdk-drag-placeholder.fpui-widget:has(.fpui-widget-vertical) {
  border-radius: 4px;
  background-color: var(--fpui-widget-edit-drag-placeholder-background);
}
.cdk-drag-placeholder.fpui-widget:has(.fpui-widget-grid) {
  border-radius: 20px;
  background-color: var(--fpui-widget-edit-drag-placeholder-background);
}
.cdk-drag-placeholder .fpui-widget-vertical,
.cdk-drag-placeholder .fpui-widget-grid {
  opacity: 0;
}
.flyout-container {
  height: calc(100dvh - 3.25rem);
}
@media (min-width: 576px) {
  .flyout-container {
    height: calc(100dvh - 3.75rem);
  }
}
@media (min-width: 992px) {
  .flyout-container {
    min-height: 595px;
    height: auto;
  }
}
:root {
  --fpui-header-toolbar-button-text-color: var(--color-mpetrol-8);
  --fpui-header-toolbar-button-text-color-hover: var(--color-mgrey-7);
  --fpui-header-toolbar-button-active-indicator-background-color: var(--color-mpetrol-8);
  --fpui-header-toolbar-button-active-indicator-background-color-hover: var(--color-mgrey-7);
  --fpui-header-toolbar-button-flyout-border-color: var(--color-mgrey-2);
}
:root.dark {
  --fpui-header-toolbar-button-text-color: var(--color-mpetrol-2);
  --fpui-header-toolbar-button-text-color-hover: var(--color-mwhite);
  --fpui-header-toolbar-button-active-indicator-background-color: var(--color-mpetrol-3);
  --fpui-header-toolbar-button-active-indicator-background-color-hover: var(--color-mgrey-1);
  --fpui-header-toolbar-button-flyout-border-color: var(--color-mgrey-2);
}
.searchbar-results {
  height: calc(100vh - 6.5rem);
  top: 78px;
  width: 100%;
}
@media (min-width: 576px) {
  .searchbar-results {
    height: calc(100vh - 7rem);
  }
}
@media (min-width: 769px) {
  .searchbar-results {
    height: calc(100vh - 7rem);
  }
}
@media (min-width: 992px) {
  .searchbar-results {
    min-height: unset;
    height: auto;
    top: 125px;
  }
}
.fpui-sidebar-layout {
  grid-template-areas: "main" "sidebar-right";
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 1200px) {
  .fpui-sidebar-layout {
    grid-template-areas: "main sidebar-right";
    grid-template-columns: minmax(0, 1fr) 335px;
  }
}
.fpui-sidebar-layout__main {
  grid-area: main;
}
.fpui-sidebar-layout__sidebar-right {
  grid-area: sidebar-right;
}
.iframe.no-iframe-resizer {
  height: calc(100vh - 530px);
}
.fpui-actions:not(.fpui-actions--none) {
  display: grid;
  gap: 0.5rem;
}
@media (min-width: 576px) {
  .fpui-actions:not(.fpui-actions--none) {
    display: flex;
    flex-wrap: wrap;
  }
  .fpui-actions:not(.fpui-actions--none).fpui-actions--left {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .fpui-actions:not(.fpui-actions--none).fpui-actions--center {
    justify-content: center;
  }
  .fpui-actions:not(.fpui-actions--none).fpui-actions--right {
    flex-direction: row-reverse;
    justify-content: flex-start;
  }
}
@media print {
  .fpui-actions {
    display: none !important;
  }
}
.fpui-notification-card .fpui-actions {
  margin-top: 2.5rem;
}
.fpui-card-page .fpui-actions {
  margin-top: 2rem;
}
@media (min-width: 769px) {
  .fpui-card-page .fpui-actions {
    margin-top: 2.5rem;
  }
}
.fpui-grid-panel .fpui-actions {
  margin-top: 0;
}
@media (min-width: 769px) {
  .fpui-grid-panel .fpui-actions {
    margin-top: 0;
  }
}
.fpui-dialog.fpui-dialog--small .fpui-actions,
.fpui-dialog__panel.fpui-dialog--small .fpui-actions {
  margin-top: 1.5rem;
}
@media (min-width: 769px) {
  .fpui-dialog.fpui-dialog--small .fpui-actions,
  .fpui-dialog__panel.fpui-dialog--small .fpui-actions {
    margin-top: 1.25rem;
  }
}
.fpui-dialog.fpui-dialog--medium .fpui-actions,
.fpui-dialog__panel.fpui-dialog--medium .fpui-actions {
  margin-top: 0.75rem;
}
@media (min-width: 769px) {
  .fpui-dialog.fpui-dialog--medium .fpui-actions,
  .fpui-dialog__panel.fpui-dialog--medium .fpui-actions {
    margin-top: 1.25rem;
  }
}
.fpui-shell {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
::-ms-reveal {
  display: none;
}
.mock-has-validation-errors {
  color: red;
  text-decoration: underline wavy red 1px;
  text-underline-offset: 1px;
}
@media (min-width: 576px) {
  .sm\:cc-text-xs {
    font-size: 0.75rem;
    line-height: 1.25rem;
  }
  .sm\:cc-text-sm {
    font-size: 0.875rem;
    line-height: 1.4375rem;
  }
  .sm\:cc-text-base {
    font-size: 1rem;
  }
  .sm\:cc-text-base-heading {
    font-size: 1rem;
    line-height: 1.3125rem;
  }
  .sm\:cc-text-lg-heading {
    font-size: 1.125rem;
    line-height: 1.4375rem;
  }
  .sm\:cc-text-xl-heading {
    font-size: 1.5rem;
    line-height: 1.9375rem;
  }
  .sm\:cc-text-2xl-heading {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .sm\:cc-text-3xl-heading {
    font-size: 2.375rem;
    line-height: 2.875rem;
  }
}
@media (min-width: 769px) {
  .md\:cc-text-sm {
    font-size: 0.875rem;
    line-height: 1.4375rem;
  }
  .md\:cc-text-base {
    font-size: 1rem;
  }
  .md\:cc-text-lg-heading {
    font-size: 1.125rem;
    line-height: 1.4375rem;
  }
  .md\:cc-text-xl-heading {
    font-size: 1.5rem;
    line-height: 1.9375rem;
  }
  .md\:cc-text-3xl-heading {
    font-size: 2.375rem;
    line-height: 2.875rem;
  }
}
@media (min-width: 992px) {
  .lg\:cc-text-sm {
    font-size: 0.875rem;
    line-height: 1.4375rem;
  }
  .lg\:cc-text-base {
    font-size: 1rem;
  }
  .lg\:cc-text-xl-heading {
    font-size: 1.5rem;
    line-height: 1.9375rem;
  }
}
@media (min-width: 1200px) {
  .xl\:cc-text-sm {
    font-size: 0.875rem;
    line-height: 1.4375rem;
  }
}
.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}
.before\:inset-\[-2px\]::before {
  content: var(--tw-content);
  inset: -2px;
}
.before\:inset-\[-3px\]::before {
  content: var(--tw-content);
  inset: -3px;
}
.before\:bottom-0::before {
  content: var(--tw-content);
  bottom: 0;
}
.before\:left-0::before {
  content: var(--tw-content);
  left: 0;
}
.before\:top-0::before {
  content: var(--tw-content);
  top: 0;
}
.before\:z-\[-1\]::before {
  content: var(--tw-content);
  z-index: -1;
}
.before\:block::before {
  content: var(--tw-content);
  display: block;
}
.before\:hidden::before {
  content: var(--tw-content);
  display: none;
}
.before\:transform::before {
  content: var(--tw-content);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes indeterminate {
  0% {
    content: var(--tw-content);
    left: -35%;
    right: 100%;
  }
  60% {
    content: var(--tw-content);
    left: 100%;
    right: -90%;
  }
  100% {
    content: var(--tw-content);
    left: 100%;
    right: -90%;
  }
}
.before\:animate-indeterminate::before {
  content: var(--tw-content);
  animation: 2.1s indeterminate infinite cubic-bezier(0.65, 0.815, 0.735, 0.395);
}
.before\:rounded-max::before {
  content: var(--tw-content);
  border-radius: 9999px;
}
.before\:rounded-md::before {
  content: var(--tw-content);
  border-radius: 8px;
}
.before\:rounded-xl::before {
  content: var(--tw-content);
  border-radius: 20px;
}
.before\:border::before {
  content: var(--tw-content);
  border-width: 0.09rem;
}
.before\:border-inherit::before {
  content: var(--tw-content);
  border-color: inherit;
}
.before\:border-transparent::before {
  content: var(--tw-content);
  border-color: transparent;
}
.before\:bg-inherit::before {
  content: var(--tw-content);
  background-color: inherit;
}
.before\:bg-transparent::before {
  content: var(--tw-content);
  background-color: transparent;
}
.before\:opacity-0::before {
  content: var(--tw-content);
  opacity: 0;
}
.before\:transition-opacity::before {
  content: var(--tw-content);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.before\:duration-150::before {
  content: var(--tw-content);
  transition-duration: 150ms;
}
.before\:ease-in-out::before {
  content: var(--tw-content);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.before\:content-\[\'\'\]::before {
  --tw-content: "";
  content: var(--tw-content);
}
.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}
.after\:bottom-0::after {
  content: var(--tw-content);
  bottom: 0;
}
.after\:left-0::after {
  content: var(--tw-content);
  left: 0;
}
.after\:top-0::after {
  content: var(--tw-content);
  top: 0;
}
@keyframes indeterminateShort {
  0% {
    content: var(--tw-content);
    left: -200%;
    right: 100%;
  }
  60% {
    content: var(--tw-content);
    left: 107%;
    right: -8%;
  }
  100% {
    content: var(--tw-content);
    left: 107%;
    right: -8%;
  }
}
.after\:animate-indeterminate-short::after {
  content: var(--tw-content);
  animation: 2.1s indeterminateShort infinite cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s;
}
.after\:bg-inherit::after {
  content: var(--tw-content);
  background-color: inherit;
}
.first\:mt-6:first-child {
  margin-top: 1.5rem;
}
.first\:border-t:first-child {
  border-top-width: 0.09rem;
}
.first\:border-t-0:first-child {
  border-top-width: 0px;
}
.last\:mb-0:last-child {
  margin-bottom: 0;
}
.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}
.last\:border-none:last-child {
  border-style: none;
}
.last\:border-b-transparent:last-child {
  border-bottom-color: transparent;
}
.last-of-type\:border-0:last-of-type {
  border-width: 0px;
}
.last-of-type\:border-b:last-of-type {
  border-bottom-width: 0.09rem;
}
.empty\:ml-0:empty {
  margin-left: 0;
}
.empty\:hidden:empty {
  display: none;
}
.focus-within\:not-sr-only:focus-within {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.focus-within\:opacity-100:focus-within {
  opacity: 1;
}
.hover\:cursor-pointer:hover {
  cursor: pointer;
}
.hover\:border-b-1:hover {
  border-bottom-width: 0.09rem;
}
.hover\:border-\[var\(--fpui-chart-step-icon-active-hover-border\)\]:hover {
  border-color: var(--fpui-chart-step-icon-active-hover-border);
}
.hover\:border-fpui-file-item-button-hover-border-color:hover {
  border-color: var(--fpui-file-item-button-hover-border-color);
}
.hover\:border-fpui-select-link-border-color-hover:hover {
  border-color: var(--fpui-select-link-border-color-hover);
}
.hover\:border-fpui-tag-border-color-hover-blue:hover {
  border-color: var(--fpui-tag-border-color-hover-blue);
}
.hover\:border-fpui-tag-border-color-hover-green:hover {
  border-color: var(--fpui-tag-border-color-hover-green);
}
.hover\:border-fpui-tag-border-color-hover-grey:hover {
  border-color: var(--fpui-tag-border-color-hover-grey);
}
.hover\:border-fpui-tag-border-color-hover-petrol:hover {
  border-color: var(--fpui-tag-border-color-hover-petrol);
}
.hover\:border-fpui-tag-border-color-hover-red:hover {
  border-color: var(--fpui-tag-border-color-hover-red);
}
.hover\:border-fpui-widget-edit-border-hover:hover {
  border-color: var(--fpui-widget-edit-border-hover);
}
.hover\:border-fpui-widget-shop-border-active:hover {
  border-color: var(--fpui-widget-shop-border-active);
}
.hover\:border-mgrey-7:hover {
  border-color: var(--color-mgrey-7);
}
.hover\:border-zpetrol-7:hover {
  border-color: var(--color-zpetrol-7);
}
.hover\:border-b-mgrey-7:hover {
  border-bottom-color: var(--color-mgrey-7);
}
.hover\:bg-\[var\(--fpui-chart-step-icon-active-hover-background\)\]:hover {
  background-color: var(--fpui-chart-step-icon-active-hover-background);
}
.hover\:bg-\[var\(--fpui-chart-step-indicator-inactive-hover-background\)\]:hover {
  background-color: var(--fpui-chart-step-indicator-inactive-hover-background);
}
.hover\:bg-fpui-accordion-background-hover:hover {
  background-color: var(--fpui-accordion-background-hover);
}
.hover\:bg-fpui-donut-chart-label-hover-background-color:hover {
  background-color: var(--fpui-donut-chart-label-hover-background-color);
}
.hover\:bg-fpui-file-uploader-hover-background-color:hover {
  background-color: var(--fpui-file-uploader-hover-background-color);
}
.hover\:bg-fpui-list-item-hover-bg-color:hover {
  background-color: var(--fpui-list-item-hover-bg-color);
}
.hover\:bg-fpui-menu-item-bg-hover-color:hover {
  background-color: var(--fpui-menu-item-bg-hover-color);
}
.hover\:bg-fpui-number-stepper-background-color-hover:hover {
  background-color: var(--fpui-number-stepper-background-color-hover);
}
.hover\:bg-fpui-quicklinks-background-hover:hover {
  background-color: var(--fpui-quicklinks-background-hover);
}
.hover\:bg-fpui-timeline-item-hover-background-color:hover {
  background-color: var(--fpui-timeline-item-hover-background-color);
}
.hover\:bg-fpui-widget-background-hover:hover {
  background-color: var(--fpui-widget-background-hover);
}
.hover\:bg-fpui-widget-edit-vertical-background-hover:hover {
  background-color: var(--fpui-widget-edit-vertical-background-hover);
}
.hover\:bg-mpetrol-1:hover {
  background-color: var(--color-mpetrol-1);
}
.hover\:bg-mpetrol-2:hover {
  background-color: var(--color-mpetrol-2);
}
.hover\:bg-mpetrol-8:hover {
  background-color: var(--color-mpetrol-8);
}
.hover\:bg-mwhite:hover {
  background-color: var(--color-mwhite);
}
.hover\:bg-myellow-2:hover {
  background-color: var(--color-myellow-2);
}
.hover\:bg-transparent:hover {
  background-color: transparent;
}
.hover\:bg-zgrey-2:hover {
  background-color: var(--color-zgrey-2);
}
.hover\:bg-zpetrol-1:hover {
  background-color: var(--color-zpetrol-1);
}
.hover\:bg-zpetrol-2:hover {
  background-color: var(--color-zpetrol-2);
}
.hover\:bg-zred-1:hover {
  background-color: var(--color-zred-1);
}
.hover\:font-bold:hover {
  font-weight: 700;
}
.hover\:text-fpui-adbanner-highlight-icon-text-hover-color:hover {
  color: var(--fpui-adbanner-highlight-icon-text-hover-color);
}
.hover\:text-fpui-adbanner-neutral-icon-text-hover-color:hover {
  color: var(--fpui-adbanner-neutral-icon-text-hover-color);
}
.hover\:text-fpui-header-toolbar-button-text-color-hover:hover {
  color: var(--fpui-header-toolbar-button-text-color-hover);
}
.hover\:text-fpui-link-hover-text-color:hover {
  color: var(--fpui-link-hover-text-color);
}
.hover\:text-fpui-quicklinks-text-color-hover:hover {
  color: var(--fpui-quicklinks-text-color-hover);
}
.hover\:text-fpui-search-results-text-hover-color:hover {
  color: var(--fpui-search-results-text-hover-color);
}
.hover\:text-fpui-show-more-text-color-hover:hover {
  color: var(--fpui-show-more-text-color-hover);
}
.hover\:text-mgrey-7:hover {
  color: var(--color-mgrey-7);
}
.hover\:text-mpetrol-11:hover {
  color: var(--color-mpetrol-11);
}
.hover\:text-mpetrol-8:hover {
  color: var(--color-mpetrol-8);
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:underline-offset-4:hover {
  text-underline-offset: 4px;
}
.hover\:opacity-20:hover {
  opacity: 0.2;
}
.hover\:ring-2:hover {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.hover\:ring-inset:hover {
  --tw-ring-inset: inset;
}
.hover\:ring-fpui-toggle-grid-item-border-color-error:hover {
  --tw-ring-color: var(--fpui-toggle-grid-item-border-color-error);
}
.hover\:ring-fpui-toggle-grid-item-border-color-hover:hover {
  --tw-ring-color: var(--fpui-toggle-grid-item-border-color-hover);
}
.hover\:ring-fpui-widget-edit-border-hover:hover {
  --tw-ring-color: var(--fpui-widget-edit-border-hover);
}
.hover\:ring-mpetrol-8:hover {
  --tw-ring-color: var(--color-mpetrol-8);
}
.hover\:before\:block:hover::before {
  content: var(--tw-content);
  display: block;
}
.before\:hover\:opacity-100:hover::before {
  content: var(--tw-content);
  opacity: 1;
}
.focus\:bg-fpui-menu-item-bg-focus-color:focus {
  background-color: var(--fpui-menu-item-bg-focus-color);
}
.focus\:bg-mpetrol-1:focus {
  background-color: var(--color-mpetrol-1);
}
.focus\:bg-mpetrol-2:focus {
  background-color: var(--color-mpetrol-2);
}
.focus\:bg-zpetrol-1:focus {
  background-color: var(--color-zpetrol-1);
}
.focus\:font-bold:focus {
  font-weight: 700;
}
.disabled\:cursor-default:disabled {
  cursor: default;
}
.disabled\:border-fpui-button-primary-border-disabled-color:disabled {
  border-color: var(--fpui-button-primary-border-disabled-color);
}
.disabled\:border-fpui-button-secondary-border-disabled-color:disabled {
  border-color: var(--fpui-button-secondary-border-disabled-color);
}
.disabled\:border-mgrey-4:disabled {
  border-color: var(--color-mgrey-4);
}
.disabled\:border-zgrey-4:disabled {
  border-color: var(--color-zgrey-4);
}
.disabled\:bg-fpui-button-primary-background-disabled-color:disabled {
  background-color: var(--fpui-button-primary-background-disabled-color);
}
.disabled\:text-fpui-button-primary-text-disabled-color:disabled {
  color: var(--fpui-button-primary-text-disabled-color);
}
.disabled\:text-fpui-button-secondary-text-disabled-color:disabled {
  color: var(--fpui-button-secondary-text-disabled-color);
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.before\:disabled\:opacity-0:disabled::before {
  content: var(--tw-content);
  opacity: 0;
}
.group:last-child .group-last\:border-b-0 {
  border-bottom-width: 0px;
}
.group:hover .group-hover\:translate-x-0 {
  --tw-translate-x: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:translate-x-0\.5 {
  --tw-translate-x: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:translate-y-\[2px\] {
  --tw-translate-y: 2px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:border-2 {
  border-width: 2px;
}
.group:hover .group-hover\:\!border-mgrey-7 {
  border-color: var(--color-mgrey-7) !important;
}
.group:hover .group-hover\:border-fpui-feedback-toggle-border-color-hover {
  border-color: var(--fpui-feedback-toggle-border-color-hover);
}
.group:hover .group-hover\:border-mpetrol-3 {
  border-color: var(--color-mpetrol-3);
}
.group:hover .group-hover\:border-mpetrol-8 {
  border-color: var(--color-mpetrol-8);
}
.group:hover .group-hover\:bg-fpui-header-toolbar-button-active-indicator-background-color-hover {
  background-color: var(--fpui-header-toolbar-button-active-indicator-background-color-hover);
}
.group:hover .group-hover\:bg-mpetrol-2 {
  background-color: var(--color-mpetrol-2);
}
.group:hover .group-hover\:bg-mwhite {
  background-color: var(--color-mwhite);
}
.group:hover .group-hover\:font-bold {
  font-weight: 700;
}
.group:hover .group-hover\:\!text-fpui-number-stepper-icon-border-color-hover {
  color: var(--fpui-number-stepper-icon-border-color-hover) !important;
}
.group:hover .group-hover\:\!text-mgrey-7 {
  color: var(--color-mgrey-7) !important;
}
.group:hover .group-hover\:text-fpui-widget-edit-drag-icon-hover {
  color: var(--fpui-widget-edit-drag-icon-hover);
}
.group:hover .group-hover\:text-fpui-widget-edit-drag-label-hover {
  color: var(--fpui-widget-edit-drag-label-hover);
}
.group:hover .group-hover\:text-fpui-widget-edit-vertical-icon-hover {
  color: var(--fpui-widget-edit-vertical-icon-hover);
}
.group:hover .group-hover\:text-mgrey-7 {
  color: var(--color-mgrey-7);
}
.group:hover .group-hover\:text-mpetrol-8 {
  color: var(--color-mpetrol-8);
}
.group:hover .group-hover\:ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.group:hover .group-hover\:ring-fpui-toggle-grid-item-border-color-hover {
  --tw-ring-color: var(--fpui-toggle-grid-item-border-color-hover);
}
.group:focus .group-focus\:-translate-y-2 {
  --tw-translate-y: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:focus .group-focus\:-translate-y-7 {
  --tw-translate-y: -1.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:focus .group-focus\:translate-x-0 {
  --tw-translate-x: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:focus .group-focus\:translate-x-0\.5 {
  --tw-translate-x: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:focus .group-focus\:bg-mpetrol-2 {
  background-color: var(--color-mpetrol-2);
}
.group:focus .group-focus\:bg-mwhite {
  background-color: var(--color-mwhite);
}
.group:focus .group-focus\:text-mpetrol-8 {
  color: var(--color-mpetrol-8);
}
.group:focus .group-focus\:opacity-100 {
  opacity: 1;
}
.child\:min-h-6 > * {
  min-height: 1.5rem;
}
.child\:cursor-pointer > * {
  cursor: pointer;
}
.child-first\:pb-4 > *:first-child {
  padding-bottom: 1rem;
}
.child-first\:pl-10 > *:first-child {
  padding-left: 2.5rem;
}
.child-last\:pb-0 > *:last-child {
  padding-bottom: 0;
}
.child-last\:pr-10 > *:last-child {
  padding-right: 2.5rem;
}
@media screen and (forced-colors: none) {
  .dark .dark\:block {
    display: block;
  }
  .dark .dark\:hidden {
    display: none;
  }
  .dark .dark\:divide-mpetrol-9 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-mpetrol-9);
  }
  .dark .dark\:\!border-mpetrol-3 {
    border-color: var(--color-mpetrol-3) !important;
  }
  .dark .dark\:border-fpui-adbanner-tag-dark-exception-border-color {
    border-color: var(--fpui-adbanner-tag-dark-exception-border-color);
  }
  .dark .dark\:border-mblue-2 {
    border-color: var(--color-mblue-2);
  }
  .dark .dark\:border-mgreen-2 {
    border-color: var(--color-mgreen-2);
  }
  .dark .dark\:border-mgrey-5 {
    border-color: var(--color-mgrey-5);
  }
  .dark .dark\:border-morange-2 {
    border-color: var(--color-morange-2);
  }
  .dark .dark\:border-mpetrol-3 {
    border-color: var(--color-mpetrol-3);
  }
  .dark .dark\:border-mpetrol-4 {
    border-color: var(--color-mpetrol-4);
  }
  .dark .dark\:border-mpetrol-7 {
    border-color: var(--color-mpetrol-7);
  }
  .dark .dark\:border-mpetrol-8 {
    border-color: var(--color-mpetrol-8);
  }
  .dark .dark\:border-mpetrol-9 {
    border-color: var(--color-mpetrol-9);
  }
  .dark .dark\:border-mred-2 {
    border-color: var(--color-mred-2);
  }
  .dark .dark\:border-zgreen-2 {
    border-color: var(--color-zgreen-2);
  }
  .dark .dark\:border-zpetrol-4 {
    border-color: var(--color-zpetrol-4);
  }
  .dark .dark\:border-zpetrol-5 {
    border-color: var(--color-zpetrol-5);
  }
  .dark .dark\:border-zpetrol-7 {
    border-color: var(--color-zpetrol-7);
  }
  .dark .dark\:border-zpetrol-8 {
    border-color: var(--color-zpetrol-8);
  }
  .dark .dark\:border-zpetrol-9 {
    border-color: var(--color-zpetrol-9);
  }
  .dark .dark\:border-zred-3 {
    border-color: var(--color-zred-3);
  }
  .dark .dark\:border-b-mgrey-1 {
    border-bottom-color: var(--color-mgrey-1);
  }
  .dark .dark\:border-b-mpetrol-11 {
    border-bottom-color: var(--color-mpetrol-11);
  }
  .dark .dark\:border-b-mpetrol-7 {
    border-bottom-color: var(--color-mpetrol-7);
  }
  .dark .dark\:border-b-zpetrol-8 {
    border-bottom-color: var(--color-zpetrol-8);
  }
  .dark .dark\:\!bg-mpetrol-11 {
    background-color: var(--color-mpetrol-11) !important;
  }
  .dark .dark\:\!bg-zpetrol-10 {
    background-color: var(--color-zpetrol-10) !important;
  }
  .dark .dark\:bg-fpui-adbanner-tag-dark-exception-background-color {
    background-color: var(--fpui-adbanner-tag-dark-exception-background-color);
  }
  .dark .dark\:bg-mblue-2 {
    background-color: var(--color-mblue-2);
  }
  .dark .dark\:bg-mgrey-1 {
    background-color: var(--color-mgrey-1);
  }
  .dark .dark\:bg-mpetrol-10 {
    background-color: var(--color-mpetrol-10);
  }
  .dark .dark\:bg-mpetrol-11 {
    background-color: var(--color-mpetrol-11);
  }
  .dark .dark\:bg-mpetrol-2 {
    background-color: var(--color-mpetrol-2);
  }
  .dark .dark\:bg-mpetrol-3 {
    background-color: var(--color-mpetrol-3);
  }
  .dark .dark\:bg-mpetrol-4 {
    background-color: var(--color-mpetrol-4);
  }
  .dark .dark\:bg-mpetrol-8 {
    background-color: var(--color-mpetrol-8);
  }
  .dark .dark\:bg-mpetrol-9 {
    background-color: var(--color-mpetrol-9);
  }
  .dark .dark\:bg-mwhite {
    background-color: var(--color-mwhite);
  }
  .dark .dark\:bg-zpetrol-10 {
    background-color: var(--color-zpetrol-10);
  }
  .dark .dark\:bg-zpetrol-11 {
    background-color: var(--color-zpetrol-11);
  }
  .dark .dark\:bg-zpetrol-8 {
    background-color: var(--color-zpetrol-8);
  }
  .dark .dark\:bg-zpetrol-9 {
    background-color: var(--color-zpetrol-9);
  }
  .dark .dark\:bg-zred-3 {
    background-color: var(--color-zred-3);
  }
  .dark .dark\:fill-mpetrol-10 {
    fill: var(--color-mpetrol-10);
  }
  .dark .dark\:\!text-mpetrol-3 {
    color: var(--color-mpetrol-3) !important;
  }
  .dark .dark\:text-mblue-2 {
    color: var(--color-mblue-2);
  }
  .dark .dark\:text-mgreen-2 {
    color: var(--color-mgreen-2);
  }
  .dark .dark\:text-mgrey-1 {
    color: var(--color-mgrey-1);
  }
  .dark .dark\:text-mgrey-5 {
    color: var(--color-mgrey-5);
  }
  .dark .dark\:text-morange-2 {
    color: var(--color-morange-2);
  }
  .dark .dark\:text-mpetrol-10 {
    color: var(--color-mpetrol-10);
  }
  .dark .dark\:text-mpetrol-2 {
    color: var(--color-mpetrol-2);
  }
  .dark .dark\:text-mpetrol-3 {
    color: var(--color-mpetrol-3);
  }
  .dark .dark\:text-mpetrol-4 {
    color: var(--color-mpetrol-4);
  }
  .dark .dark\:text-mpetrol-6 {
    color: var(--color-mpetrol-6);
  }
  .dark .dark\:text-mpetrol-7 {
    color: var(--color-mpetrol-7);
  }
  .dark .dark\:text-mred-2 {
    color: var(--color-mred-2);
  }
  .dark .dark\:text-mwhite {
    color: var(--color-mwhite);
  }
  .dark .dark\:text-zpetrol-2 {
    color: var(--color-zpetrol-2);
  }
  .dark .dark\:text-zpetrol-3 {
    color: var(--color-zpetrol-3);
  }
  .dark .dark\:text-zpetrol-4 {
    color: var(--color-zpetrol-4);
  }
  .dark .dark\:text-zpetrol-5 {
    color: var(--color-zpetrol-5);
  }
  .dark .dark\:text-zpetrol-7 {
    color: var(--color-zpetrol-7);
  }
  .dark .dark\:text-zpetrol-8 {
    color: var(--color-zpetrol-8);
  }
  .dark .dark\:text-zred-3 {
    color: var(--color-zred-3);
  }
  .dark .dark\:text-zwhite {
    color: var(--color-zwhite);
  }
  .dark .dark\:placeholder-mpetrol-3::placeholder {
    color: var(--color-mpetrol-3);
  }
  .dark .dark\:ring-mpetrol-8 {
    --tw-ring-color: var(--color-mpetrol-8);
  }
  .dark .dark\:ring-offset-mpetrol-10 {
    --tw-ring-offset-color: var(--color-mpetrol-10);
  }
  .dark .dark\:hover\:border-mgrey-1:hover {
    border-color: var(--color-mgrey-1);
  }
  .dark .dark\:hover\:border-mwhite:hover {
    border-color: var(--color-mwhite);
  }
  .dark .dark\:hover\:border-zpetrol-2:hover {
    border-color: var(--color-zpetrol-2);
  }
  .dark .dark\:hover\:border-b-mgrey-1:hover {
    border-bottom-color: var(--color-mgrey-1);
  }
  .dark .dark\:hover\:bg-mpetrol-11:hover {
    background-color: var(--color-mpetrol-11);
  }
  .dark .dark\:hover\:bg-mpetrol-9:hover {
    background-color: var(--color-mpetrol-9);
  }
  .dark .dark\:hover\:bg-zpetrol-10:hover {
    background-color: var(--color-zpetrol-10);
  }
  .dark .dark\:hover\:bg-zpetrol-11:hover {
    background-color: var(--color-zpetrol-11);
  }
  .dark .dark\:hover\:bg-zpetrol-9:hover {
    background-color: var(--color-zpetrol-9);
  }
  .dark .hover\:dark\:bg-mpetrol-8:hover {
    background-color: var(--color-mpetrol-8);
  }
  .dark .dark\:hover\:text-mgrey-1:hover {
    color: var(--color-mgrey-1);
  }
  .dark .dark\:hover\:text-mpetrol-3:hover {
    color: var(--color-mpetrol-3);
  }
  .dark .dark\:hover\:text-mwhite:hover {
    color: var(--color-mwhite);
  }
  .dark .dark\:hover\:text-zpetrol-1:hover {
    color: var(--color-zpetrol-1);
  }
  .dark .hover\:dark\:text-mpetrol-3:hover {
    color: var(--color-mpetrol-3);
  }
  .dark .dark\:hover\:ring-mpetrol-3:hover {
    --tw-ring-color: var(--color-mpetrol-3);
  }
  .dark .dark\:focus\:bg-mpetrol-11:focus {
    background-color: var(--color-mpetrol-11);
  }
  .dark .dark\:focus\:bg-zpetrol-9:focus {
    background-color: var(--color-zpetrol-9);
  }
  .dark .dark\:focus\:text-mpetrol-4:focus {
    color: var(--color-mpetrol-4);
  }
  .dark .dark\:focus\:text-zpetrol-1:focus {
    color: var(--color-zpetrol-1);
  }
  .dark .dark\:disabled\:border-zpetrol-8:disabled {
    border-color: var(--color-zpetrol-8);
  }
  .dark .group:hover .dark\:group-hover\:\!border-mwhite {
    border-color: var(--color-mwhite) !important;
  }
  .dark .group:hover .dark\:group-hover\:border-mpetrol-3 {
    border-color: var(--color-mpetrol-3);
  }
  .dark .group:hover .dark\:group-hover\:bg-mpetrol-10 {
    background-color: var(--color-mpetrol-10);
  }
  .dark .group:hover .dark\:group-hover\:bg-mpetrol-8 {
    background-color: var(--color-mpetrol-8);
  }
  .dark .group:hover .dark\:group-hover\:\!text-mwhite {
    color: var(--color-mwhite) !important;
  }
  .dark .group:hover .dark\:group-hover\:text-mgrey-1 {
    color: var(--color-mgrey-1);
  }
  .dark .group:hover .dark\:group-hover\:text-mpetrol-4 {
    color: var(--color-mpetrol-4);
  }
  .dark .group:focus .dark\:group-focus\:\!border-mwhite {
    border-color: var(--color-mwhite) !important;
  }
  .dark .group:focus .dark\:group-focus\:\!bg-mpetrol-10 {
    background-color: var(--color-mpetrol-10) !important;
  }
  .dark .group:focus .dark\:group-focus\:\!text-mwhite {
    color: var(--color-mwhite) !important;
  }
}
@container carousel (min-width: 34rem) {
  .\@\[34rem\]\/carousel\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .\@\[34rem\]\/carousel\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
}
@media (min-width: 376px) {
  .xs\:mb-5 {
    margin-bottom: 1.25rem;
  }
  .xs\:mr-6 {
    margin-right: 1.5rem;
  }
  .xs\:inline {
    display: inline;
  }
  .xs\:flex {
    display: flex;
  }
  .xs\:inline-flex {
    display: inline-flex;
  }
  .xs\:table-cell {
    display: table-cell;
  }
  .xs\:hidden {
    display: none;
  }
  .xs\:w-full {
    width: 100%;
  }
  .xs\:min-w-\[125px\] {
    min-width: 125px;
  }
  .xs\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xs\:items-center {
    align-items: center;
  }
  .xs\:justify-between {
    justify-content: space-between;
  }
  .xs\:p-10 {
    padding: 2.5rem;
  }
  .xs\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .xs\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media (min-width: 576px) {
  .sm\:sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .sm\:not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }
  .sm\:absolute {
    position: absolute;
  }
  .sm\:left-3 {
    left: 0.75rem;
  }
  .sm\:top-3 {
    top: 0.75rem;
  }
  .sm\:order-1 {
    order: 1;
  }
  .sm\:order-2 {
    order: 2;
  }
  .sm\:order-first {
    order: -9999;
  }
  .sm\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .sm\:float-right {
    float: right;
  }
  .sm\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .sm\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .sm\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .sm\:mb-0 {
    margin-bottom: 0;
  }
  .sm\:mb-4 {
    margin-bottom: 1rem;
  }
  .sm\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .sm\:mb-8 {
    margin-bottom: 2rem;
  }
  .sm\:ml-2 {
    margin-left: 0.5rem;
  }
  .sm\:mt-0 {
    margin-top: 0;
  }
  .sm\:mt-10 {
    margin-top: 2.5rem;
  }
  .sm\:mt-14 {
    margin-top: 3.5rem;
  }
  .sm\:mt-4 {
    margin-top: 1rem;
  }
  .sm\:mt-6 {
    margin-top: 1.5rem;
  }
  .sm\:block {
    display: block;
  }
  .sm\:inline-block {
    display: inline-block;
  }
  .sm\:inline {
    display: inline;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:inline-flex {
    display: inline-flex;
  }
  .sm\:table-cell {
    display: table-cell;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:h-14 {
    height: 3.5rem;
  }
  .sm\:h-24 {
    height: 6rem;
  }
  .sm\:w-1\/2 {
    width: 50%;
  }
  .sm\:w-24 {
    width: 6rem;
  }
  .sm\:w-9\/12 {
    width: 75%;
  }
  .sm\:w-96 {
    width: 24rem;
  }
  .sm\:w-\[32\.25rem\] {
    width: 32.25rem;
  }
  .sm\:w-auto {
    width: auto;
  }
  .sm\:w-fit {
    width: fit-content;
  }
  .sm\:w-full {
    width: 100%;
  }
  .sm\:max-w-128 {
    max-width: 32rem;
  }
  .sm\:flex-grow {
    flex-grow: 1;
  }
  .sm\:flex-grow-0 {
    flex-grow: 0;
  }
  .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sm\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:flex-wrap {
    flex-wrap: wrap;
  }
  .sm\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .sm\:items-center {
    align-items: center;
  }
  .sm\:justify-end {
    justify-content: flex-end;
  }
  .sm\:justify-between {
    justify-content: space-between;
  }
  .sm\:gap-0 {
    gap: 0;
  }
  .sm\:gap-2 {
    gap: 0.5rem;
  }
  .sm\:gap-4 {
    gap: 1rem;
  }
  .sm\:gap-5 {
    gap: 1.25rem;
  }
  .sm\:gap-8 {
    gap: 2rem;
  }
  .sm\:gap-x-12 {
    column-gap: 3rem;
  }
  .sm\:gap-x-8 {
    column-gap: 2rem;
  }
  .sm\:gap-y-8 {
    row-gap: 2rem;
  }
  .sm\:justify-self-end {
    justify-self: end;
  }
  .sm\:rounded-lg {
    border-radius: 16px;
  }
  .sm\:rounded-l-md {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  .sm\:rounded-r-md {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  .sm\:rounded-r-none {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .sm\:rounded-bl-none {
    border-bottom-left-radius: 0px;
  }
  .sm\:border {
    border-width: 0.09rem;
  }
  .sm\:border-l-0 {
    border-left-width: 0px;
  }
  .sm\:border-t-1 {
    border-top-width: 0.09rem;
  }
  .sm\:border-fpui-step-indicator-step-complete-icon-border-color {
    border-color: var(--fpui-step-indicator-step-complete-icon-border-color);
  }
  .sm\:bg-fpui-step-indicator-step-complete-icon-background {
    background-color: var(--fpui-step-indicator-step-complete-icon-background);
  }
  .sm\:p-1 {
    padding: 0.25rem;
  }
  .sm\:p-10 {
    padding: 2.5rem;
  }
  .sm\:p-20 {
    padding: 5rem;
  }
  .sm\:p-4 {
    padding: 1rem;
  }
  .sm\:p-6 {
    padding: 1.5rem;
  }
  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .sm\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .sm\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .sm\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .sm\:pb-0 {
    padding-bottom: 0;
  }
  .sm\:pb-4 {
    padding-bottom: 1rem;
  }
  .sm\:pb-6 {
    padding-bottom: 1.5rem;
  }
  .sm\:pb-8 {
    padding-bottom: 2rem;
  }
  .sm\:pl-2 {
    padding-left: 0.5rem;
  }
  .sm\:pl-4 {
    padding-left: 1rem;
  }
  .sm\:pl-5 {
    padding-left: 1.25rem;
  }
  .sm\:pr-0 {
    padding-right: 0;
  }
  .sm\:pr-3 {
    padding-right: 0.75rem;
  }
  .sm\:pr-4 {
    padding-right: 1rem;
  }
  .sm\:pt-0 {
    padding-top: 0;
  }
  .sm\:pt-16 {
    padding-top: 4rem;
  }
  .sm\:pt-4 {
    padding-top: 1rem;
  }
  .sm\:pt-6 {
    padding-top: 1.5rem;
  }
  .sm\:text-2xl {
    font-size: 1.875rem;
  }
  .sm\:text-3xl {
    font-size: 2.375rem;
  }
  .sm\:text-base {
    font-size: 1rem;
  }
  .first\:sm\:border-t-0:first-child {
    border-top-width: 0px;
  }
  .last\:sm\:border-b-0:last-child {
    border-bottom-width: 0px;
  }
  .sm\:child-first\:pl-5 > *:first-child {
    padding-left: 1.25rem;
  }
  .sm\:child-last\:pr-5 > *:last-child {
    padding-right: 1.25rem;
  }
}
@media (min-width: 769px) {
  .md\:sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .md\:absolute {
    position: absolute;
  }
  .md\:top-\[80px\] {
    top: 80px;
  }
  .md\:order-none {
    order: 0;
  }
  .md\:col-start-2 {
    grid-column-start: 2;
  }
  .md\:col-end-2 {
    grid-column-end: 2;
  }
  .md\:row-start-2 {
    grid-row-start: 2;
  }
  .md\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }
  .md\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }
  .md\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .md\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .md\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .md\:mb-0 {
    margin-bottom: 0;
  }
  .md\:mb-10 {
    margin-bottom: 2.5rem;
  }
  .md\:mb-16 {
    margin-bottom: 4rem;
  }
  .md\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .md\:mb-8 {
    margin-bottom: 2rem;
  }
  .md\:ml-1 {
    margin-left: 0.25rem;
  }
  .md\:ml-3 {
    margin-left: 0.75rem;
  }
  .md\:mr-0 {
    margin-right: 0;
  }
  .md\:mr-10 {
    margin-right: 2.5rem;
  }
  .md\:mr-3 {
    margin-right: 0.75rem;
  }
  .md\:mr-4 {
    margin-right: 1rem;
  }
  .md\:mr-6 {
    margin-right: 1.5rem;
  }
  .md\:mt-0 {
    margin-top: 0;
  }
  .md\:mt-10 {
    margin-top: 2.5rem;
  }
  .md\:mt-12 {
    margin-top: 3rem;
  }
  .md\:mt-3 {
    margin-top: 0.75rem;
  }
  .md\:mt-3px {
    margin-top: 3px;
  }
  .md\:mt-4 {
    margin-top: 1rem;
  }
  .md\:mt-8 {
    margin-top: 2rem;
  }
  .md\:mt-\[4px\] {
    margin-top: 4px;
  }
  .md\:mt-\[80px\] {
    margin-top: 80px;
  }
  .md\:block {
    display: block;
  }
  .md\:flex {
    display: flex;
  }
  .md\:inline-flex {
    display: inline-flex;
  }
  .md\:grid {
    display: grid;
  }
  .md\:hidden {
    display: none;
  }
  .md\:h-12 {
    height: 3rem;
  }
  .md\:h-24 {
    height: 6rem;
  }
  .md\:h-\[80px\] {
    height: 80px;
  }
  .md\:h-auto {
    height: auto;
  }
  .md\:h-full {
    height: 100%;
  }
  .md\:min-h-56 {
    min-height: 14rem;
  }
  .md\:w-2\/5 {
    width: 40%;
  }
  .md\:w-24 {
    width: 6rem;
  }
  .md\:w-3\/5 {
    width: 60%;
  }
  .md\:w-40 {
    width: 10rem;
  }
  .md\:w-84 {
    width: 21rem;
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:w-full {
    width: 100%;
  }
  .md\:min-w-64 {
    min-width: 16rem;
  }
  .md\:min-w-\[265px\] {
    min-width: 265px;
  }
  .md\:max-w-64 {
    max-width: 16rem;
  }
  .md\:max-w-\[29\.375rem\] {
    max-width: 29.375rem;
  }
  .md\:max-w-rowsmall {
    max-width: 29.375rem;
  }
  .md\:flex-grow-0 {
    flex-grow: 0;
  }
  .md\:grow-0 {
    flex-grow: 0;
  }
  .md\:basis-auto {
    flex-basis: auto;
  }
  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .md\:grid-cols-\[1fr\,2fr\,1fr\] {
    grid-template-columns: 1fr 2fr 1fr;
  }
  .md\:grid-cols-\[1fr_2fr\] {
    grid-template-columns: 1fr 2fr;
  }
  .md\:grid-rows-none {
    grid-template-rows: none;
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:flex-col {
    flex-direction: column;
  }
  .md\:flex-wrap {
    flex-wrap: wrap;
  }
  .md\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .md\:items-center {
    align-items: center;
  }
  .md\:items-baseline {
    align-items: baseline;
  }
  .md\:justify-end {
    justify-content: flex-end;
  }
  .md\:justify-center {
    justify-content: center;
  }
  .md\:justify-between {
    justify-content: space-between;
  }
  .md\:gap-0 {
    gap: 0;
  }
  .md\:gap-10 {
    gap: 2.5rem;
  }
  .md\:gap-2 {
    gap: 0.5rem;
  }
  .md\:gap-20 {
    gap: 5rem;
  }
  .md\:gap-3 {
    gap: 0.75rem;
  }
  .md\:gap-4 {
    gap: 1rem;
  }
  .md\:gap-5 {
    gap: 1.25rem;
  }
  .md\:gap-6 {
    gap: 1.5rem;
  }
  .md\:gap-8 {
    gap: 2rem;
  }
  .md\:gap-y-6 {
    row-gap: 1.5rem;
  }
  .md\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .md\:self-start {
    align-self: flex-start;
  }
  .md\:self-end {
    align-self: flex-end;
  }
  .md\:justify-self-center {
    justify-self: center;
  }
  .md\:rounded-none {
    border-radius: 0px;
  }
  .md\:border-b {
    border-bottom-width: 0.09rem;
  }
  .md\:border-b-0 {
    border-bottom-width: 0px;
  }
  .md\:border-none {
    border-style: none;
  }
  .md\:p-10 {
    padding: 2.5rem;
  }
  .md\:p-8 {
    padding: 2rem;
  }
  .md\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .md\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .md\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .md\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .md\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .md\:pb-0 {
    padding-bottom: 0;
  }
  .md\:pb-10 {
    padding-bottom: 2.5rem;
  }
  .md\:pb-12 {
    padding-bottom: 3rem;
  }
  .md\:pb-4 {
    padding-bottom: 1rem;
  }
  .md\:pb-6 {
    padding-bottom: 1.5rem;
  }
  .md\:pb-8 {
    padding-bottom: 2rem;
  }
  .md\:pl-0 {
    padding-left: 0;
  }
  .md\:pl-6 {
    padding-left: 1.5rem;
  }
  .md\:pl-8 {
    padding-left: 2rem;
  }
  .md\:pr-8 {
    padding-right: 2rem;
  }
  .md\:pt-0 {
    padding-top: 0;
  }
  .md\:pt-10 {
    padding-top: 2.5rem;
  }
  .md\:pt-16 {
    padding-top: 4rem;
  }
  .md\:pt-18 {
    padding-top: 4.5rem;
  }
  .md\:pt-5 {
    padding-top: 1.25rem;
  }
  .md\:pt-6 {
    padding-top: 1.5rem;
  }
  .md\:text-right {
    text-align: right;
  }
  .md\:text-3xl {
    font-size: 2.375rem;
  }
  .md\:text-xl {
    font-size: 1.5rem;
  }
  .md\:font-bold {
    font-weight: 700;
  }
  .md\:font-normal {
    font-weight: 400;
  }
  .md\:shadow-lg-dark {
    --tw-shadow: 0 8px 20px rgba(0, 0, 0, 0.08), 0 16px 30px rgba(0, 0, 0, 0.08);
    --tw-shadow-colored: 0 8px 20px var(--tw-shadow-color), 0 16px 30px var(--tw-shadow-color);
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow);
  }
  .md\:ring-offset-\[2\.5rem\] {
    --tw-ring-offset-width: 2.5rem;
  }
  .md\:before\:absolute::before {
    content: var(--tw-content);
    position: absolute;
  }
  .md\:before\:start-\[-1\.1rem\]::before {
    content: var(--tw-content);
    inset-inline-start: -1.1rem;
  }
  .md\:before\:top-0::before {
    content: var(--tw-content);
    top: 0;
  }
  .md\:before\:h-full::before {
    content: var(--tw-content);
    height: 100%;
  }
  .md\:before\:border-l-1::before {
    content: var(--tw-content);
    border-left-width: 0.09rem;
  }
  .md\:before\:border-fpui-product-card-divider-color::before {
    content: var(--tw-content);
    border-color: var(--fpui-product-card-divider-color);
  }
}
@media (min-width: 992px) {
  .lg\:sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .lg\:-top-10 {
    top: -2.5rem;
  }
  .lg\:top-\[120px\] {
    top: 120px;
  }
  .lg\:top-\[40px\] {
    top: 40px;
  }
  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .lg\:row-span-1 {
    grid-row: span 1 / span 1;
  }
  .lg\:row-span-2 {
    grid-row: span 2 / span 2;
  }
  .lg\:m-0 {
    margin: 0;
  }
  .lg\:m-6 {
    margin: 1.5rem;
  }
  .lg\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .lg\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .lg\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .lg\:mb-0 {
    margin-bottom: 0;
  }
  .lg\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .lg\:mb-4 {
    margin-bottom: 1rem;
  }
  .lg\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .lg\:ml-4 {
    margin-left: 1rem;
  }
  .lg\:ml-auto {
    margin-left: auto;
  }
  .lg\:mr-0 {
    margin-right: 0;
  }
  .lg\:mr-6 {
    margin-right: 1.5rem;
  }
  .lg\:mt-12 {
    margin-top: 3rem;
  }
  .lg\:mt-\[160px\] {
    margin-top: 160px;
  }
  .lg\:block {
    display: block;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:inline-flex {
    display: inline-flex;
  }
  .lg\:\!table-cell {
    display: table-cell !important;
  }
  .lg\:table-cell {
    display: table-cell;
  }
  .lg\:grid {
    display: grid;
  }
  .lg\:contents {
    display: contents;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:h-auto {
    height: auto;
  }
  .lg\:\!w-1\/12 {
    width: 8.333333% !important;
  }
  .lg\:\!w-2\/12 {
    width: 16.666667% !important;
  }
  .lg\:\!w-3\/12 {
    width: 25% !important;
  }
  .lg\:w-1\/3 {
    width: 33.333333%;
  }
  .lg\:w-2\/3 {
    width: 66.666667%;
  }
  .lg\:w-20 {
    width: 5rem;
  }
  .lg\:w-60 {
    width: 15rem;
  }
  .lg\:w-64 {
    width: 16rem;
  }
  .lg\:w-auto {
    width: auto;
  }
  .lg\:min-w-md {
    min-width: 40rem;
  }
  .lg\:max-w-\[31\.25rem\] {
    max-width: 31.25rem;
  }
  .lg\:max-w-md {
    max-width: 40rem;
  }
  .lg\:max-w-rowbig {
    max-width: 31.25rem;
  }
  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .lg\:grid-cols-\[260px_260px\] {
    grid-template-columns: 260px 260px;
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .lg\:items-end {
    align-items: flex-end;
  }
  .lg\:items-center {
    align-items: center;
  }
  .lg\:items-baseline {
    align-items: baseline;
  }
  .lg\:justify-end {
    justify-content: flex-end;
  }
  .lg\:justify-between {
    justify-content: space-between;
  }
  .lg\:gap-0 {
    gap: 0;
  }
  .lg\:gap-5 {
    gap: 1.25rem;
  }
  .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }
  .lg\:rounded-xl {
    border-radius: 20px;
  }
  .lg\:border {
    border-width: 0.09rem;
  }
  .lg\:border-0 {
    border-width: 0px;
  }
  .lg\:border-b-0 {
    border-bottom-width: 0px;
  }
  .lg\:border-none {
    border-style: none;
  }
  .lg\:p-10 {
    padding: 2.5rem;
  }
  .lg\:p-5 {
    padding: 1.25rem;
  }
  .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .lg\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .lg\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .lg\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .lg\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .lg\:pb-7 {
    padding-bottom: 1.75rem;
  }
  .lg\:pl-11 {
    padding-left: 2.75rem;
  }
  .lg\:pl-16 {
    padding-left: 4rem;
  }
  .lg\:pl-2 {
    padding-left: 0.5rem;
  }
  .lg\:pt-0 {
    padding-top: 0;
  }
  .lg\:text-2xl {
    font-size: 1.875rem;
  }
  .lg\:text-lg {
    font-size: 1.125rem;
  }
  .lg\:text-sm {
    font-size: 0.875rem;
  }
  .lg\:shadow-xl {
    --tw-shadow: 0 16px 30px rgba(0, 0, 0, 0.08);
    --tw-shadow-colored: 0 16px 30px var(--tw-shadow-color);
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow);
  }
}
@media (min-width: 1200px) {
  .xl\:sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .xl\:not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }
  .xl\:absolute {
    position: absolute;
  }
  .xl\:sticky {
    position: sticky;
  }
  .xl\:top-24 {
    top: 6rem;
  }
  .xl\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .xl\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .xl\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .xl\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .xl\:mb-10 {
    margin-bottom: 2.5rem;
  }
  .xl\:inline {
    display: inline;
  }
  .xl\:flex {
    display: flex;
  }
  .xl\:inline-flex {
    display: inline-flex;
  }
  .xl\:\!table-cell {
    display: table-cell !important;
  }
  .xl\:hidden {
    display: none;
  }
  .xl\:aspect-2\/1 {
    aspect-ratio: 2 / 1;
  }
  .xl\:aspect-square {
    aspect-ratio: 1 / 1;
  }
  .xl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xl\:flex-col {
    flex-direction: column;
  }
  .xl\:items-center {
    align-items: center;
  }
  .xl\:gap-0 {
    gap: 0;
  }
  .xl\:gap-4 {
    gap: 1rem;
  }
  .xl\:gap-5 {
    gap: 1.25rem;
  }
  .xl\:gap-x-16 {
    column-gap: 4rem;
  }
  .xl\:gap-x-20 {
    column-gap: 5rem;
  }
  .xl\:gap-y-12 {
    row-gap: 3rem;
  }
  .xl\:rounded-md {
    border-radius: 8px;
  }
  .xl\:border {
    border-width: 0.09rem;
  }
  .xl\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .xl\:pb-6 {
    padding-bottom: 1.5rem;
  }
  .xl\:pb-7 {
    padding-bottom: 1.75rem;
  }
  .xl\:pt-14 {
    padding-top: 3.5rem;
  }
  .xl\:pt-4 {
    padding-top: 1rem;
  }
  .xl\:pt-7 {
    padding-top: 1.75rem;
  }
  .xl\:text-center {
    text-align: center;
  }
  .xl\:text-sm {
    font-size: 0.875rem;
  }
  .xl\:leading-none {
    line-height: 1;
  }
  .xl\:opacity-0 {
    opacity: 0;
  }
  .xl\:transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .group:last-child .group-last\:xl\:border-b {
    border-bottom-width: 0.09rem;
  }
  .group:hover .xl\:group-hover\:-translate-y-2 {
    --tw-translate-y: -0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .group:hover .xl\:group-hover\:-translate-y-7 {
    --tw-translate-y: -1.75rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .group:hover .xl\:group-hover\:opacity-100 {
    opacity: 1;
  }
  .group:hover .group-hover\:xl\:before\:border-fpui-hover-reveal-content-border-color::before {
    content: var(--tw-content);
    border-color: var(--fpui-hover-reveal-content-border-color);
  }
  .group:focus .xl\:group-focus\:-translate-y-2 {
    --tw-translate-y: -0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .group:focus .xl\:group-focus\:-translate-y-7 {
    --tw-translate-y: -1.75rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .group:focus .xl\:group-focus\:opacity-100 {
    opacity: 1;
  }
}
@media (min-width: 1440px) {
  .xxl\:sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .xxl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .xxl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xxl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xxl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xxl\:grid-cols-\[260px_260px_260px\] {
    grid-template-columns: 260px 260px 260px;
  }
  .xxl\:gap-0 {
    gap: 0;
  }
  .xxl\:gap-5 {
    gap: 1.25rem;
  }
  .xxl\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .xxl\:pl-0 {
    padding-left: 0;
  }
  .xxl\:pl-16 {
    padding-left: 4rem;
  }
}
@media (forced-colors: active) {
  .forced-colors\:h-auto {
    height: auto;
  }
  .forced-colors\:border {
    border-width: 0.09rem;
  }
  .forced-colors\:border-none {
    border-style: none;
  }
  .forced-colors\:border-system-grayText {
    border-color: GrayText;
  }
  .forced-colors\:border-system-linkText {
    border-color: LinkText;
  }
  .forced-colors\:border-system-selectedItem {
    border-color: SelectedItem;
  }
  .forced-colors\:border-b-system-fieldText {
    border-bottom-color: FieldText;
  }
  .forced-colors\:bg-system-fieldText {
    background-color: FieldText;
  }
  .forced-colors\:bg-system-highlight {
    background-color: Highlight;
  }
  .forced-colors\:bg-system-linkText {
    background-color: LinkText;
  }
  .forced-colors\:bg-system-selectedItem {
    background-color: SelectedItem;
  }
  .forced-colors\:text-system-grayText {
    color: GrayText;
  }
}
@media print {
  .print\:visible {
    visibility: visible;
  }
  .print\:static {
    position: static;
  }
  .print\:m-0 {
    margin: 0;
  }
  .print\:mb-5 {
    margin-bottom: 1.25rem;
  }
  .print\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .print\:block {
    display: block;
  }
  .print\:flex {
    display: flex;
  }
  .print\:hidden {
    display: none;
  }
  .print\:\!w-1\/12 {
    width: 8.333333% !important;
  }
  .print\:\!w-2\/12 {
    width: 16.666667% !important;
  }
  .print\:\!w-3\/12 {
    width: 25% !important;
  }
  .print\:w-1\/4 {
    width: 25%;
  }
  .print\:w-auto {
    width: auto;
  }
  .print\:break-inside-avoid {
    break-inside: avoid;
  }
  .print\:flex-row {
    flex-direction: row;
  }
  .print\:flex-col-reverse {
    flex-direction: column-reverse;
  }
  .print\:overflow-auto {
    overflow: auto;
  }
  .print\:border-0 {
    border-width: 0px;
  }
  .print\:border-b-0 {
    border-bottom-width: 0px;
  }
  .print\:border-none {
    border-style: none;
  }
  .print\:bg-zwhite {
    background-color: var(--color-zwhite);
  }
  .print\:p-0 {
    padding: 0;
  }
  .print\:pb-0 {
    padding-bottom: 0;
  }
  .print\:pb-2 {
    padding-bottom: 0.5rem;
  }
  .print\:pl-0 {
    padding-left: 0;
  }
  .print\:pt-0 {
    padding-top: 0;
  }
  .print\:shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow);
  }
}
@media screen and (forced-colors: none) {
  @media print {
    .dark .dark\:print\:bg-transparent {
      background-color: transparent;
    }
  }
}
@media print {
  @media screen and (forced-colors: none) {
    .dark .print\:dark\:text-zgrey-7 {
      color: var(--color-zgrey-7);
    }
  }
}
.\[\&\:not\(\:has\(fpui-notifications\)\)\:not\(\:has\(fp-mat-context-teaser\)\)\]\:hidden:not(:has(fpui-notifications)):not(:has(fp-mat-context-teaser)) {
  display: none;
}
.\[\&\>\*\:first-child\]\:mr-5 > *:first-child {
  margin-right: 1.25rem;
}

/* libs/shared/ui/components/experimental/src/lib/styles.scss */
@media print {
  .fpui-checkbox2 {
    white-space: normal !important;
  }
}
.fpui-checkbox2 {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  flex: none;
  border-color: var(--color-mpetrol-8);
  background-color: transparent;
}
@media screen and (forced-colors: none) {
  .dark .fpui-checkbox2 {
    border-color: var(--color-mpetrol-3);
    background-color: var(--color-mpetrol-10);
  }
}
.fpui-checkbox2 {
}
.fpui-checkbox2 + label {
  cursor: pointer;
}
.fpui-checkbox2:hover:not(:disabled, :checked) {
  border-color: var(--color-mpetrol-8);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
  --tw-ring-inset: inset;
  --tw-ring-color: var(--color-mpetrol-8);
}
@media screen and (forced-colors: none) {
  .dark .fpui-checkbox2:hover:not(:disabled, :checked) {
    border-color: var(--color-mpetrol-3);
    --tw-ring-color: var(--color-mpetrol-3);
  }
}
.fpui-checkbox2:checked {
  background-color: var(--color-mpetrol-8);
}
@media screen and (forced-colors: none) {
  .dark .fpui-checkbox2:checked {
    background-color: var(--color-mpetrol-3);
  }
}
@media (forced-colors: active) {
  .fpui-checkbox2:checked {
    background-color: SelectedItem;
  }
}
.fpui-checkbox2:checked {
}
.fpui-checkbox2:checked:disabled {
  background-color: var(--color-mgrey-5);
}
@media screen and (forced-colors: none) {
  .dark .fpui-checkbox2:checked:disabled {
    background-color: var(--color-mpetrol-7);
  }
}
@media (forced-colors: active) {
  .fpui-checkbox2:checked:disabled {
    border-color: GrayText;
  }
}
.fpui-checkbox2.checkbox__input--error {
  border-color: var(--color-mred-3);
}
@media screen and (forced-colors: none) {
  .dark .fpui-checkbox2.checkbox__input--error {
    border-color: var(--color-mred-2);
  }
}
.fpui-checkbox2.checkbox__input--error + label {
  color: var(--color-mred-3);
}
@media screen and (forced-colors: none) {
  .dark .fpui-checkbox2.checkbox__input--error + label {
    color: var(--color-mred-2);
  }
}
.fpui-checkbox2:disabled,
.fpui-checkbox2.fpui-control--disabled,
.fpui-checkbox2 .fpui-control--disabled {
  border-color: var(--color-mgrey-5);
}
@media screen and (forced-colors: none) {
  .dark .fpui-checkbox2:disabled,
  .dark .fpui-checkbox2.fpui-control--disabled,
  .dark .fpui-checkbox2 .fpui-control--disabled {
    border-color: var(--color-mpetrol-7);
  }
}
@media (forced-colors: active) {
  .fpui-checkbox2:disabled,
  .fpui-checkbox2.fpui-control--disabled,
  .fpui-checkbox2 .fpui-control--disabled {
    border-color: GrayText;
  }
}
.fpui-checkbox2:disabled + label,
.fpui-checkbox2.fpui-control--disabled + label,
.fpui-checkbox2 .fpui-control--disabled + label {
  cursor: default;
  color: var(--color-mgrey-5);
}
@media screen and (forced-colors: none) {
  .dark .fpui-checkbox2:disabled + label,
  .dark .fpui-checkbox2.fpui-control--disabled + label,
  .dark .fpui-checkbox2 .fpui-control--disabled + label {
    color: var(--color-mpetrol-7);
  }
}
.fpui-checkbox2::before {
  display: inline-block;
  line-height: 1.5rem;
  content: "\200b";
}
.fpui-checkbox2::after {
  position: absolute;
  display: block;
  opacity: 0;
}
@media screen and (forced-colors: none) {
  .dark .fpui-checkbox2::after {
    border-right-color: var(--color-mpetrol-10);
    border-bottom-color: var(--color-mpetrol-10);
  }
}
.fpui-checkbox2::after {
  top: 2px;
  left: 2px;
  width: 6px;
  height: 15px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg) scaleY(0.05);
  transition: transform 0.2s, opacity 0.1s;
  transform-origin: bottom right;
  content: "";
}
.fpui-checkbox2:checked::after {
  opacity: 1;
  transform: rotate(45deg) scaleY(1);
  transition: transform 0.2s, opacity 0.1s;
}
@media print {
  .fpui-toggle2 {
    white-space: normal !important;
  }
}
.fpui-toggle2 {
  width: 2.625rem;
  background-color: var(--color-mgrey-4);
}
@media screen and (forced-colors: none) {
  .dark .fpui-toggle2 {
    background-color: var(--color-mpetrol-8);
  }
}
@media (forced-colors: active) {
  .fpui-toggle2 {
    border-width: 0.09rem;
  }
}
.fpui-toggle2 {
  transition: background-color 0.2s ease;
}
.fpui-toggle2 + label {
  cursor: pointer;
}
.fpui-toggle2::before {
  content: "\200b";
  -webkit-user-select: none;
  user-select: none;
}
.fpui-toggle2::after {
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  border-width: 0.09rem;
  border-style: solid;
  border-color: var(--color-mpetrol-8);
}
@media screen and (forced-colors: none) {
  .dark .fpui-toggle2::after {
    border-color: var(--color-mpetrol-3);
    background-color: var(--color-mpetrol-10);
  }
}
.fpui-toggle2::after {
  border-radius: 50%;
  line-height: 1.5rem;
  transition: all 0.2s ease;
  transition-property: transform, border-color;
  content: "";
  -webkit-user-select: none;
  user-select: none;
  background: #fff;
}
.fpui-toggle2:hover:not(:disabled) {
  background-color: var(--color-mpetrol-3);
}
@media screen and (forced-colors: none) {
  .dark .fpui-toggle2:hover:not(:disabled) {
    background-color: var(--color-mpetrol-7);
  }
}
.fpui-toggle2:hover:not(:disabled)::after {
  border-color: var(--color-mpetrol-8);
}
@media screen and (forced-colors: none) {
  .dark .fpui-toggle2:hover:not(:disabled)::after {
    border-color: var(--color-mpetrol-3);
  }
}
.fpui-toggle2:checked {
  background-color: var(--color-mpetrol-8);
}
@media screen and (forced-colors: none) {
  .dark .fpui-toggle2:checked {
    background-color: var(--color-mpetrol-3);
  }
}
.fpui-toggle2:checked {
  transition: background-color 0.2s ease;
}
.fpui-toggle2:checked::after {
  border-color: var(--color-mpetrol-8);
  background-color: var(--color-mwhite);
}
@media screen and (forced-colors: none) {
  .dark .fpui-toggle2:checked::after {
    border-color: var(--color-mpetrol-3);
    background-color: var(--color-mpetrol-10);
  }
}
.fpui-toggle2:checked::after {
  transform: translateX(18px);
  transition: all 0.2s ease;
  transition-property: transform, border-color;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.5 6.5L3.5 9.5L11.5 0.5' stroke='%23004B5A' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #fff;
}
.dark .fpui-toggle2:checked::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.5 6.5L3.5 9.5L11.5 0.5' stroke='%23A6D8D9' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}
.fpui-toggle2:checked:hover:not(:disabled) {
  background-color: var(--color-mpetrol-3);
}
@media screen and (forced-colors: none) {
  .dark .fpui-toggle2:checked:hover:not(:disabled) {
    background-color: var(--color-mpetrol-7);
  }
}
.fpui-toggle2:checked:hover:not(:disabled)::after {
  border-color: var(--color-mpetrol-8);
}
@media screen and (forced-colors: none) {
  .dark .fpui-toggle2:checked:hover:not(:disabled)::after {
    border-color: var(--color-mpetrol-3);
  }
}
.fpui-toggle2:disabled,
.fpui-toggle2.fpui-control--disabled,
.fpui-toggle2 .fpui-control--disabled {
  background-color: var(--color-mgrey-1);
}
@media screen and (forced-colors: none) {
  .dark .fpui-toggle2:disabled,
  .dark .fpui-toggle2.fpui-control--disabled,
  .dark .fpui-toggle2 .fpui-control--disabled {
    background-color: var(--color-mpetrol-9);
  }
}
@media (forced-colors: active) {
  .fpui-toggle2:disabled,
  .fpui-toggle2.fpui-control--disabled,
  .fpui-toggle2 .fpui-control--disabled {
    border-color: GrayText;
  }
}
.fpui-toggle2:disabled + label,
.fpui-toggle2.fpui-control--disabled + label,
.fpui-toggle2 .fpui-control--disabled + label {
  cursor: default;
  color: var(--color-mgrey-5);
}
@media screen and (forced-colors: none) {
  .dark .fpui-toggle2:disabled + label,
  .dark .fpui-toggle2.fpui-control--disabled + label,
  .dark .fpui-toggle2 .fpui-control--disabled + label {
    color: var(--color-mpetrol-7);
  }
}
.fpui-toggle2:disabled::after,
.fpui-toggle2.fpui-control--disabled::after,
.fpui-toggle2 .fpui-control--disabled::after {
  border-color: var(--color-mgrey-5);
}
@media screen and (forced-colors: none) {
  .dark .fpui-toggle2:disabled::after,
  .dark .fpui-toggle2.fpui-control--disabled::after,
  .dark .fpui-toggle2 .fpui-control--disabled::after {
    border-color: var(--color-mpetrol-7);
  }
}
.fpui-toggle2:checked:disabled {
  background-color: var(--color-mgrey-1);
}
@media screen and (forced-colors: none) {
  .dark .fpui-toggle2:checked:disabled {
    background-color: var(--color-mpetrol-9);
  }
}
.fpui-toggle2:checked:disabled::after {
  background-color: var(--color-mgrey-1);
}
@media screen and (forced-colors: none) {
  .dark .fpui-toggle2:checked:disabled::after {
    background-color: var(--color-mpetrol-9);
  }
}
.fpui-toggle2:checked:disabled::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.5 6.5L3.5 9.5L11.5 0.5' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}
.dark .fpui-toggle2:checked:disabled::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.5 6.5L3.5 9.5L11.5 0.5' stroke='%23067079' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}
:root {
  --fpui-file-uploader-background-color: var(--color-mpetrol-1);
  --fpui-file-uploader-border-color: var(--color-mpetrol-8);
  --fpui-file-uploader-hover-background-color: var(--color-mpetrol-2);
  --fpui-file-uploader-icon-background-color: var(--color-mwhite);
  --fpui-file-uploader-icon-border-color: var(--color-mpetrol-8);
  --fpui-file-uploader-invalid-background-color: var(--color-mred-1);
  --fpui-file-uploader-invalid-text-color: var(--color-mred-3);
  --fpui-file-uploader-invalid-border-color: var(--color-mred-2);
  --fpui-file-uploader-text-color: var(--color-mgrey-7);
}
:root.dark {
  --fpui-file-uploader-background-color: var(--color-mpetrol-11);
  --fpui-file-uploader-border-color: var(--color-mpetrol-7);
  --fpui-file-uploader-hover-background-color: var(--color-mpetrol-10);
  --fpui-file-uploader-icon-background-color: var(--color-mpetrol-10);
  --fpui-file-uploader-icon-border-color: var(--color-mpetrol-8);
  --fpui-file-uploader-invalid-background-color: var(--color-mpetrol-10);
  --fpui-file-uploader-invalid-text-color: var(--color-mred-2);
  --fpui-file-uploader-invalid-border-color: var(--color-mred-2);
  --fpui-file-uploader-text-color: var(--color-mpetrol-3);
}
:root {
  --fpui-file-item-valid-background-color: var(--color-mgreen-1);
  --fpui-file-item-invalid-background-color: var(--color-mred-1);
  --fpui-file-item-pending-background-color: var(--color-mgrey-1);
  --fpui-file-item-action-required-background-color: var(--color-morange-1);
  --fpui-file-item-button-background-color: var(--color-mwhite);
  --fpui-file-item-button-border-color: var(--color-mpetrol-8);
  --fpui-file-item-button-hover-border-color: var(--color-mpetrol-10);
  --fpui-file-item-text-color: var(--color-mgrey-7);
  --fpui-file-item-meta-text-color: var(--color-mgrey-6);
  --fpui-file-item-invalid-text-color: var(--color-mred-3);
}
:root.dark {
  --fpui-file-item-valid-background-color: var(--color-mpetrol-9);
  --fpui-file-item-invalid-background-color: var(--color-mpetrol-9);
  --fpui-file-item-pending-background-color: var(--color-mpetrol-9);
  --fpui-file-item-action-required-background-color: var(--color-mpetrol-9);
  --fpui-file-item-button-background-color: var(--color-mpetrol-10);
  --fpui-file-item-button-border-color: var(--color-mpetrol-3);
  --fpui-file-item-button-hover-border-color: var(--color-mpetrol-2);
  --fpui-file-item-text-color: var(--color-mgrey-1);
  --fpui-file-item-meta-text-color: var(--color-mgrey-5);
  --fpui-file-item-invalid-text-color: var(--color-mred-2);
}
:root {
  --fpui-dialog-background-color: var(--color-mwhite);
  --fpui-dialog-title-color: var(--color-mpetrol-8);
  --fpui-dialog-scrollbar-color: var(--color-mpetrol-8);
  --fpui-dialog-scrollbar-background-color: var(--color-mwhite);
}
:root.dark {
  --fpui-dialog-background-color: var(--color-mpetrol-10);
  --fpui-dialog-title-color: var(--color-mpetrol-3);
  --fpui-dialog-scrollbar-color: var(--color-mpetrol-3);
  --fpui-dialog-scrollbar-background-color: var(--color-mpetrol-10);
}

/* apps/fipo/src/styles.scss */
@keyframes hide-border {
  to {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow, 0 0 #0000);
  }
}
.is-marked {
  animation: hide-border 1s ease-in 5s forwards;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--color-mpetrol-4);
}
@media screen and (forced-colors: none) {
  .dark .is-marked {
    --tw-ring-color: var(--color-mpetrol-3);
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-C3UYOEJ6.css.map */