/* Write your global styles here, in PostCSS syntax */
:root {
  --fpc00: 0.56;
  --fpc01: 0.56;
  --fpc02: 0.56;
  --fpc03: 0.48;
  --fpc04: 0.48;
  --fpc05: 0.48;
  --fpc06: 0.48;
  --fpc07: 0.63;
  --fpc08: 0.63;
  --rem-font-size: 16;
  --min-font-size: 8;
  --max-font-size: 32;
  --max-font-size-rem: calc(var(--max-font-size) / var(--rem-font-size));
}

@media (max-width: 320px) {
  html[data-type=configurator],
  body[data-type=configurator] {
    --min-vw: 0;
    --max-vw: 320;
    --fpc-left: var(--fpc00);
    --fpc-right: var(--fpc01);
  }
}
@media (min-width: 321px) and (max-width: 640px) {
  html[data-type=configurator],
  body[data-type=configurator] {
    --min-vw: 321;
    --max-vw: 640;
    --fpc-left: var(--fpc01);
    --fpc-right: var(--fpc02);
  }
}
@media (min-width: 641px) and (max-width: 960px) {
  html[data-type=configurator],
  body[data-type=configurator] {
    --min-vw: 641;
    --max-vw: 960;
    --fpc-left: var(--fpc02);
    --fpc-right: var(--fpc03);
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  html[data-type=configurator],
  body[data-type=configurator] {
    --min-vw: 961;
    --max-vw: 1280;
    --fpc-left: var(--fpc03);
    --fpc-right: var(--fpc04);
  }
}
@media (min-width: 1281px) and (max-width: 1600px) {
  html[data-type=configurator],
  body[data-type=configurator] {
    --min-vw: 1281;
    --max-vw: 1600;
    --fpc-left: var(--fpc04);
    --fpc-right: var(--fpc05);
  }
}
@media (min-width: 1601px) and (max-width: 1920px) {
  html[data-type=configurator],
  body[data-type=configurator] {
    --min-vw: 1601;
    --max-vw: 1920;
    --fpc-left: var(--fpc05);
    --fpc-right: var(--fpc06);
  }
}
@media (min-width: 1921px) and (max-width: 2240px) {
  html[data-type=configurator],
  body[data-type=configurator] {
    --min-vw: 1921;
    --max-vw: 2240;
    --fpc-left: var(--fpc06);
    --fpc-right: var(--fpc07);
  }
}
@media (min-width: 2241px) {
  html[data-type=configurator],
  body[data-type=configurator] {
    --min-vw: 2241;
    --max-vw: 2560;
    --fpc-left: var(--fpc07);
    --fpc-right: var(--fpc08);
  }
}
html[data-type=configurator],
body[data-type=configurator] {
  --min-vw-rem: calc(var(--min-vw) / var(--rem-font-size));
  --max-vw-rem: calc(var(--max-vw) / var(--rem-font-size));
  --segement-left-font-size: calc(var(--fpc-left) * var(--max-font-size-rem));
  --segement-right-font-size: calc(var(--fpc-right) * var(--max-font-size-rem));
  /* m = (y2 - y1) / (x2 - x1)  */
  --rise: calc(var(--segement-right-font-size) - var(--segement-left-font-size));
  --run: calc(var(--max-vw-rem) - var(--min-vw-rem));
  --slope: calc(var(--rise) / var(--run));
  --yAxisIntersection: calc(var(--min-vw-rem) * -1 * var(--slope) + var(--segement-left-font-size));
  --slope-vw: calc(var(--slope) * 100vw);
  --preferred: calc(var(--yAxisIntersection) * 1rem + var(--slope-vw));
  /* maybe it is a rising or falling slope */
  --clamp-min: calc(min(var(--segement-left-font-size),var(--segement-right-font-size)) * 1rem);
  --clamp-max: calc(max(var(--segement-left-font-size),var(--segement-right-font-size)) * 1rem);
  font-size: clamp(var(--clamp-min), var(--preferred), var(--clamp-max));
}

/* overpass-mono-cyrillic-ext-wght-normal */
@font-face {
  font-family: "Overpass Mono Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 300 700;
  src: url(./overpass-mono-cyrillic-ext-wght-normal.CM3vVNo5.woff2) format("woff2-variations");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* overpass-mono-cyrillic-wght-normal */
@font-face {
  font-family: "Overpass Mono Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 300 700;
  src: url(./overpass-mono-cyrillic-wght-normal.BV0qkOfe.woff2) format("woff2-variations");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* overpass-mono-vietnamese-wght-normal */
@font-face {
  font-family: "Overpass Mono Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 300 700;
  src: url(./overpass-mono-vietnamese-wght-normal.B_p7sZEm.woff2) format("woff2-variations");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* overpass-mono-latin-ext-wght-normal */
@font-face {
  font-family: "Overpass Mono Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 300 700;
  src: url(./overpass-mono-latin-ext-wght-normal.D14p1K_g.woff2) format("woff2-variations");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* overpass-mono-latin-wght-normal */
@font-face {
  font-family: "Overpass Mono Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 300 700;
  src: url(./overpass-mono-latin-wght-normal.CujxpGkb.woff2) format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* montserrat-cyrillic-ext-wght-normal */
@font-face {
  font-family: "Montserrat Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(./montserrat-cyrillic-ext-wght-normal.CO5hGrJv.woff2) format("woff2-variations");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* montserrat-cyrillic-wght-normal */
@font-face {
  font-family: "Montserrat Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(./montserrat-cyrillic-wght-normal.EAA9jha_.woff2) format("woff2-variations");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* montserrat-vietnamese-wght-normal */
@font-face {
  font-family: "Montserrat Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(./montserrat-vietnamese-wght-normal.k7S-YeeD.woff2) format("woff2-variations");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* montserrat-latin-ext-wght-normal */
@font-face {
  font-family: "Montserrat Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(./montserrat-latin-ext-wght-normal.BsZE-iaG.woff2) format("woff2-variations");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* montserrat-latin-wght-normal */
@font-face {
  font-family: "Montserrat Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(./montserrat-latin-wght-normal.l_AIctKy.woff2) format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Material Symbols Sharp";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url("./material-symbols-sharp.BBlmIse2.woff2") format("woff2");
}
.material-symbols-sharp {
  font-family: "Material Symbols Sharp";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

:root {
  --font-primary: "Overpass", system-ui, Arial, sans-serif;
  --font-secondary: "Overpass Mono Variable", system-ui, Arial, sans-serif;
  --font-redplant: "Montserrat", system-ui, Arial, sans-serif;
  --font-icon-material: "Material Symbols Sharp";
  --font-icon-material-variation-l: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 24;
  --font-icon-material-variation-xl: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 40;
}

body {
  font-family: var(--font-primary);
}
@font-face {
  font-family: "Overpass";
  src: url("./Overpass-ExtraBoldItalic.iOc-lJ5c.woff2") format("woff2"), url("./Overpass-ExtraBoldItalic.pFASuBHC.woff") format("woff"), url("./Overpass-ExtraBoldItalic.DXXXvRdw.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Overpass";
  src: url("./Overpass-ExtraBold.F_NQu-mo.woff2") format("woff2"), url("./Overpass-ExtraBold.CkXrbVZf.woff") format("woff"), url("./Overpass-ExtraBold.16OF08dY.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Overpass";
  src: url("./Overpass-MediumItalic.DCGrISNq.woff2") format("woff2"), url("./Overpass-MediumItalic.CKK43BUL.woff") format("woff"), url("./Overpass-MediumItalic.VFQkDYy7.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Overpass";
  src: url("./Overpass-BoldItalic.CqJKFrzd.woff2") format("woff2"), url("./Overpass-BoldItalic.YAhjH_m8.woff") format("woff"), url("./Overpass-BoldItalic.BkcrcdmT.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Overpass";
  src: url("./Overpass-Italic.BtuLI7fy.woff2") format("woff2"), url("./Overpass-Italic.KgYj29Zj.woff") format("woff"), url("./Overpass-Italic.hd6wxBXD.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Overpass";
  src: url("./Overpass-Medium.CgGdYZYH.woff2") format("woff2"), url("./Overpass-Medium.DQWeCOq3.woff") format("woff"), url("./Overpass-Medium.B8hhgqzD.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Overpass";
  src: url("./Overpass-SemiBoldItalic.CItV4xhy.woff2") format("woff2"), url("./Overpass-SemiBoldItalic.DV8wVwXX.woff") format("woff"), url("./Overpass-SemiBoldItalic.RKr-emf5.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Overpass";
  src: url("./Overpass-SemiBold.CAELl8GX.woff2") format("woff2"), url("./Overpass-SemiBold.KApCiWs1.woff") format("woff"), url("./Overpass-SemiBold.B85lVhpZ.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Overpass";
  src: url("./Overpass-Bold.Bxq75F7u.woff2") format("woff2"), url("./Overpass-Bold.CZSIuCss.woff") format("woff"), url("./Overpass-Bold.Dkp8Zjjj.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Overpass";
  src: url("./Overpass-Regular.Bl64qN87.woff2") format("woff2"), url("./Overpass-Regular.DRacVMsP.woff") format("woff"), url("./Overpass-Regular.QagZRlAe.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* material font variable axes */
.material-symbols-sharp {
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 20;
}
.material-symbols-sharp.variation-l {
  font-variation-settings: var(--font-icon-material-variation-l);
}
.material-symbols-sharp.variation-xl {
  font-variation-settings: var(--font-icon-material-variation-xl);
}
.material-symbols-sharp {
  -webkit-user-select: none;
          user-select: none;
}

:root {
  --color-white: #fff;
  --color-black: #000;
  --color-red: #e51919;
  --color-green: #9bc7b2;
  --color-grey: #999;
  --color-blue: #0f3167;
  --color-orange: #fdb867;
  /* redplant performance widget */
  --color-redplant-grey: "#dcddde";
  --color-redplant-dark-light: "#2d4462";
  --color-redplant-dark-light-rgb: "rgb(45, 68, 98)";
  --color-redplant-green: "#6bbc7a";
  --color-redplant-red: "#f01e23";
  --color-redplant-text-color: var(--color-white);
  --color-redplant-gradient-start: "#102a4d";
  --color-redplant-gradient-end: "#222830";
  --color-primary: #0d4a8f;
  --color-primary-black-blue: #002838;
  --color-error: var(--color-red);
  --color-warning: var(--color-orange);
  --color-success: var(--color-green);
  --color-error-dark: #8E1A22;
  --color-warning-dark: #E28921;
  --color-info-dark: var(--color-primary-black-blue);
  --color-text: var(--color-black);
  --color-disabled: var(--color-grey);
  --color-active: var(--color-black);
  --color-inactive: var(--color-grey);
  --color-primary-8: color-mix(in srgb, var(--color-primary) 8%, white);
  --color-primary-12: color-mix(in srgb, var(--color-primary) 12%, white);
  --color-primary-16: color-mix(in srgb, var(--color-primary) 16%, white);
  --color-primary-24: color-mix(in srgb, var(--color-primary) 24%, white);
  --color-primary-40: color-mix(in srgb, var(--color-primary) 40%, white);
  --color-primary-56: color-mix(in srgb, var(--color-primary) 56%, white);
  --color-primary-64: color-mix(in srgb, var(--color-primary) 64%, white);
  --color-primary-72: color-mix(in srgb, var(--color-primary) 72%, white);
  --color-primary-80: color-mix(in srgb, var(--color-primary) 80%, white);
  --color-primary-88: color-mix(in srgb, var(--color-primary) 88%, white);
  --color-primary-100: color-mix(in srgb, var(--color-primary) 100%, white);
  --color-error-8: color-mix(in srgb, var(--color-error) 8%, white);
  --color-error-12: color-mix(in srgb, var(--color-error) 12%, white);
  --color-error-16: color-mix(in srgb, var(--color-error) 16%, white);
  --color-error-24: color-mix(in srgb, var(--color-error) 24%, white);
  --color-error-40: color-mix(in srgb, var(--color-error) 40%, white);
  --color-error-56: color-mix(in srgb, var(--color-error) 56%, white);
  --color-error-64: color-mix(in srgb, var(--color-error) 64%, white);
  --color-error-72: color-mix(in srgb, var(--color-error) 72%, white);
  --color-error-80: color-mix(in srgb, var(--color-error) 80%, white);
  --color-error-88: color-mix(in srgb, var(--color-error) 88%, white);
  --color-error-100: color-mix(in srgb, var(--color-error) 100%, white);
  --color-success-8: color-mix(in srgb, var(--color-success) 8%, white);
  --color-success-12: color-mix(in srgb, var(--color-success) 12%, white);
  --color-success-16: color-mix(in srgb, var(--color-success) 16%, white);
  --color-success-24: color-mix(in srgb, var(--color-success) 24%, white);
  --color-success-40: color-mix(in srgb, var(--color-success) 40%, white);
  --color-success-56: color-mix(in srgb, var(--color-success) 56%, white);
  --color-success-64: color-mix(in srgb, var(--color-success) 64%, white);
  --color-success-72: color-mix(in srgb, var(--color-success) 72%, white);
  --color-success-80: color-mix(in srgb, var(--color-success) 80%, white);
  --color-success-88: color-mix(in srgb, var(--color-success) 88%, white);
  --color-success-100: color-mix(in srgb, var(--color-success) 100%, white);
  --color-secondary-lightgreen: #b9e457;
  --color-secondary-coral: #ff6872;
  --color-secondary-lightblue: #00d7ff;
  --color-tertiary-black: var(--color-black);
  --color-tertiary-white: var(--color-white);
  --color-tertiary-grey-light: #f3f4f5;
  --color-tertiary-grey-medium: #abb3be;
  --color-tertiary-grey-stone: #546b86;
  --color-tertiary-green-dark-light: #a4cc47;
  --color-tertiary-blue-dark-light: #00accc;
  --color-tertiary-blue-light: rgba(from var(--color-secondary-lightblue) r g b / 0.5);
  --color-tertiary-coral-dark: #cc3f49;
  --color-error-hover: var(--color-tertiary-coral-dark);
  --color-gradient-slider-end: #3d6ea5;
  --color-gradient-slider-start: #9eb7d2;
  --color-gradient-main-menu: linear-gradient(180deg, #d4e8ff 0%, #ffffff 90%);
  --color-gradient-main-menu-hover: linear-gradient(0deg, rgba(255, 255, 255, 0.48) 10%, rgba(243, 244, 245, 0.48) 84.62%);
  --color-gradient-slider: linear-gradient(270deg, var(--color-gradient-slider-end) 0%, var(--color-gradient-slider-start) 100%);
  --color-gradient-slider-hover: linear-gradient(270deg, #0D4A8F 0%, #9EB7D2 100%);
  --color-gradient-sub-categories: linear-gradient(
      360deg,
      rgba(212, 232, 255, 0.48) 0%,
      rgba(255, 255, 255, 0.48) 90%
  );
  --color-gradient-sub-categories-hover: linear-gradient(
      0deg,
      rgba(243, 244, 245, 0.48) 0%,
      rgba(255, 255, 255, 0.48) 90%
  );
}

:root {
  /* shadows */
  --shadow-cards: 0px 0px 10px 3px #0000001a;
  --shadow-cards-stronger: 0px 0px 15px 3px #00000033;
  --shadow-slider: 0px 0px 8px 1px #546b8652;
  --shadow-input: 0px 2px 6px 0px #00000026 inset;
  --shadow-corner-grey: 4px 4px 0px 0px #c5d4e4;
  --shadow-budgetplaner: 0px 0px 6px 0px #00000029;
  --background-dotted: radial-gradient(
      ellipse at center,
      rgba(0, 0, 0, 0.4) 0%,
      rgba(0, 0, 0, 0.4) 1px,
      rgba(0, 0, 0, 0) 1px,
      rgba(0, 0, 0, 0) 100%
  )
  -0.375rem -0.375rem/0.875rem 0.875rem;
  --duration-50: 50ms;
  --duration-100: 100ms;
  --duration-150: 150ms;
  --duration-200: 200ms;
  --duration-300: 300ms;
  --duration-400: 400ms;
  --duration-500: 500ms;
  --duration-700: 700ms;
  --duration-1000: 1000ms;
  --animation-slow: var(--duration-500);
  --animation-fast: var(--duration-200);
  --z-index-debugger: 1000;
  --z-index-preloader: 900;
  --z-index-notifications: 800;
  --z-index-overlay-foreground: 700;
  --z-index-modal: 600;
  --z-index-overlay-background: 500;
  --z-index-drag-items: 400;
  --z-index-sidebar-mobile: 300;
  --z-index-header: 200;
  --z-index-sub-header: 100;
}

/* shadows */
.shadow-cards {
  box-shadow: var(--shadow-cards);
}

.shadow-cards-stronger {
  box-shadow: var(--shadow-cards-stronger);
}

.shadow-slider {
  box-shadow: var(--shadow-slider);
}

.shadow-input {
  box-shadow: var(--shadow-input);
}

.shadow-corner-grey {
  box-shadow: var(--shadow-corner-grey);
}

.shadow-budgetplaner {
  box-shadow: var(--shadow-budgetplaner);
}

/* loading  */
.loading,
.loading-white,
.loading-black-blue {
  position: relative;
  isolation: isolate;
}
.loading::after,
.loading-white::after,
.loading-black-blue::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-white);
  opacity: 0.75;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ibGRzLW1lc3NhZ2UiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjUgNTApIj4KPGNpcmNsZSBjeD0iMCIgY3k9IjAiIHI9IjYiIGZpbGw9IiMwMDI4MzgiIHRyYW5zZm9ybT0ic2NhbGUoMC45OTgzMjYgMC45OTgzMjYpIj4KICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InNjYWxlIiBiZWdpbj0iLTAuNDY2NjY2NjY2NjY2NjY2NnMiIGNhbGNNb2RlPSJzcGxpbmUiIGtleVNwbGluZXM9IjAuMyAwIDAuNyAxOzAuMyAwIDAuNyAxIiB2YWx1ZXM9IjA7MTswIiBrZXlUaW1lcz0iMDswLjU7MSIgZHVyPSIxLjRzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPgo8L2NpcmNsZT4KPC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwIDUwKSI+CjxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSI2IiBmaWxsPSIjMDAyODM4IiB0cmFuc2Zvcm09InNjYWxlKDAuNzYxNjY5IDAuNzYxNjY5KSI+CiAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJzY2FsZSIgYmVnaW49Ii0wLjIzMzMzMzMzMzMzMzMzMzNzIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlTcGxpbmVzPSIwLjMgMCAwLjcgMTswLjMgMCAwLjcgMSIgdmFsdWVzPSIwOzE7MCIga2V5VGltZXM9IjA7MC41OzEiIGR1cj0iMS40cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZVRyYW5zZm9ybT4KPC9jaXJjbGU+CjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3NSA1MCkiPgo8Y2lyY2xlIGN4PSIwIiBjeT0iMCIgcj0iNiIgZmlsbD0iIzAwMjgzOCIgdHJhbnNmb3JtPSJzY2FsZSgwLjMwMDI4NyAwLjMwMDI4NykiPgogIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0ic2NhbGUiIGJlZ2luPSIwcyIgY2FsY01vZGU9InNwbGluZSIga2V5U3BsaW5lcz0iMC4zIDAgMC43IDE7MC4zIDAgMC43IDEiIHZhbHVlcz0iMDsxOzAiIGtleVRpbWVzPSIwOzAuNTsxIiBkdXI9IjEuNHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGVUcmFuc2Zvcm0+CjwvY2lyY2xlPgo8L2c+PC9zdmc+");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10rem;
  z-index: 990;
  cursor: progress;
}

.loading-black-blue::after {
  background-color: var(--color-primary-black-blue);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBjbGFzcz0ibGRzLW1lc3NhZ2UiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjUgNTApIj4NCjxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSI2IiBmaWxsPSIjRkZGRkZGIiB0cmFuc2Zvcm09InNjYWxlKDAuOTk4MzI2IDAuOTk4MzI2KSI+DQogIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0ic2NhbGUiIGJlZ2luPSItMC40NjY2NjY2NjY2NjY2NjY2cyIgY2FsY01vZGU9InNwbGluZSIga2V5U3BsaW5lcz0iMC4zIDAgMC43IDE7MC4zIDAgMC43IDEiIHZhbHVlcz0iMDsxOzAiIGtleVRpbWVzPSIwOzAuNTsxIiBkdXI9IjEuNHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+DQo8L2NpcmNsZT4NCjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1MCA1MCkiPg0KPGNpcmNsZSBjeD0iMCIgY3k9IjAiIHI9IjYiIGZpbGw9IiNGRkZGRkYiIHRyYW5zZm9ybT0ic2NhbGUoMC43NjE2NjkgMC43NjE2NjkpIj4NCiAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJzY2FsZSIgYmVnaW49Ii0wLjIzMzMzMzMzMzMzMzMzMzNzIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlTcGxpbmVzPSIwLjMgMCAwLjcgMTswLjMgMCAwLjcgMSIgdmFsdWVzPSIwOzE7MCIga2V5VGltZXM9IjA7MC41OzEiIGR1cj0iMS40cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4NCjwvY2lyY2xlPg0KPC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc1IDUwKSI+DQo8Y2lyY2xlIGN4PSIwIiBjeT0iMCIgcj0iNiIgZmlsbD0iI0ZGRkZGRiIgdHJhbnNmb3JtPSJzY2FsZSgwLjMwMDI4NyAwLjMwMDI4NykiPg0KICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InNjYWxlIiBiZWdpbj0iMHMiIGNhbGNNb2RlPSJzcGxpbmUiIGtleVNwbGluZXM9IjAuMyAwIDAuNyAxOzAuMyAwIDAuNyAxIiB2YWx1ZXM9IjA7MTswIiBrZXlUaW1lcz0iMDswLjU7MSIgZHVyPSIxLjRzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPg0KPC9jaXJjbGU+DQo8L2c+PC9zdmc+");
}

.logo-animated,
.logo-animated-white,
.logo-animated-blue {
  position: relative;
  isolation: isolate;
}
.logo-animated::after,
.logo-animated-white::after,
.logo-animated-blue::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Ebene_1'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%20viewBox='0%200%201742.3%20524'%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20%230d4a8f;%20}%20.st1%20{%20isolation:%20isolate;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20class='st0'%20d='M444.5,130L227.9,6.1,9,133.1v252.5l228,129.8-1.1-241.4,208.6,122.1V130ZM208.8,258.2L27,364.6v-210.8l181.8,104.4ZM217.7,242.6L36,138.3,218.8,32.2l-1,210.3h-.1ZM36,380.2l181.8-106.4,1,210.5-182.8-104.1ZM426.5,364.6l-190.7-111.6,1-221,189.6,108.5v224.2h0Z'/%3e%3cg%20class='st1'%3e%3cg%20class='st1'%3e%3cg%20class='st1'%3e%3cpath%20class='st0'%20d='M717.9,372.6v-163h22.3v19.1c4.7-7.4,10.8-13.1,18.3-17.1,7.5-3.9,16-5.9,25.4-5.9s19.3,2.6,27,7.7c7.7,5.1,13.4,12.3,17.1,21.5,4.6-9.1,11.1-16.3,19.5-21.5,8.5-5.2,17.9-7.7,28.3-7.7,16.9,0,30.4,5.2,40.4,15.7,10,10.5,15,24.6,15,42.5v108.6h-22.3v-100c0-15.1-3-26.6-9.1-34.5-6.1-7.9-14.8-11.8-26.3-11.8s-14.2,2-19.9,5.9c-5.7,3.9-10.1,9.4-13.3,16.5-3.2,7.1-4.8,15.2-4.8,24.5v99.4h-22.3v-100c0-15.2-2.9-26.7-8.8-34.5-5.8-7.8-14.6-11.7-26.2-11.7s-21.1,4.2-27.9,12.5c-6.8,8.3-10.2,19.8-10.2,34.2v99.5h-22.3Z'/%3e%3c/g%3e%3c/g%3e%3cg%20class='st1'%3e%3cg%20class='st1'%3e%3cpath%20class='st0'%20d='M1051.7,376.4c-14.5,0-26.9-3.6-37.4-10.8-10.5-7.2-18.5-17.2-24.2-30.1-5.6-12.9-8.5-27.8-8.5-44.7s3-33.3,8.9-46c5.9-12.7,14.1-22.4,24.6-29.1,10.5-6.7,22.7-10,36.5-10s22.9,2.8,32.7,8.5c9.8,5.6,17.5,14.4,23.3,26.2s8.6,27,8.6,45.5,0,4.1-.2,6.5c-.1,2.4-.3,4.9-.5,7.4h-110.9c.9,11.3,3.2,21.1,6.9,29.6,3.8,8.5,9,15.1,15.8,19.9,6.8,4.8,15.1,7.3,25,7.3s13.1-1.2,19.3-3.6c6.2-2.4,11.9-6.1,17.2-11.1l13.1,15c-6,5.6-13.3,10.3-21.9,14-8.7,3.7-18.2,5.6-28.5,5.6ZM1004.5,280.1h89c0-10.1-1.5-19.3-4.5-27.6s-7.7-14.9-13.9-19.8c-6.2-4.9-14-7.3-23.4-7.3s-23.4,4.4-32.3,13.1c-8.9,8.7-13.9,22.6-14.9,41.6Z'/%3e%3c/g%3e%3c/g%3e%3cg%20class='st1'%3e%3cg%20class='st1'%3e%3cpath%20class='st0'%20d='M1164.2,437.4v-227.8h22.3v17.1c11.6-13.9,26.5-20.9,44.7-20.9s25,3.5,34.8,10.4c9.8,6.9,17.3,16.7,22.6,29.5,5.3,12.8,8,27.9,8,45.3s-2.7,32.7-8.1,45.5c-5.4,12.8-13,22.7-23,29.6-9.9,6.9-21.7,10.4-35.3,10.4s-17.4-1.9-24.7-5.8c-7.3-3.9-13.7-9.6-19-17.1v73.2l-22.3,10.7ZM1228,355.4c14.7,0,25.9-5.6,33.8-16.7,7.9-11.2,11.8-27.1,11.8-47.7s-4.1-35.4-12.4-47c-8.2-11.5-19.3-17.3-33.3-17.3s-16.7,2.2-23.9,6.5c-7.2,4.4-13.1,10.5-17.5,18.5v77.4c5.6,8.6,12,15.2,19,19.6,7,4.5,14.5,6.7,22.5,6.7Z'/%3e%3cpath%20class='st0'%20d='M1344.7,372.6v-219.6l22.3-10.7v230.3h-22.3Z'/%3e%3c/g%3e%3c/g%3e%3cg%20class='st1'%3e%3cg%20class='st1'%3e%3cpath%20class='st0'%20d='M1470.7,376.4c-17.2,0-30.7-4.8-40.5-14.4-9.8-9.6-14.7-22.9-14.7-39.8s2.4-20.3,7.3-28.2c4.8-8,11.7-14.1,20.6-18.4,8.9-4.3,19.4-6.5,31.5-6.5s15.6,1,22.9,3c7.3,2,14.3,5.1,21.1,9.1v-15.6c0-13.8-3-24-9-30.5-6-6.5-15.3-9.7-28-9.7s-15.6,1.4-24,4.2c-8.5,2.8-16.5,6.8-24,11.9l-6.5-18.8c8.6-5.4,17.9-9.6,27.9-12.5,10-2.9,19.8-4.4,29.3-4.4,18.3,0,32.1,4.8,41.5,14.4,9.4,9.6,14,23.7,14,42.3v110.2h-21.2v-18.5c-6.5,7.1-13.9,12.6-22.2,16.5-8.3,3.9-17,5.8-25.9,5.8ZM1473.5,356.8c8.2,0,16.2-2.2,23.9-6.5,7.8-4.3,14.9-10.5,21.4-18.6v-30.5c-6.3-4-13.1-7.1-20.3-9.3-7.3-2.2-14.3-3.3-21.1-3.3-12.2,0-22,3.1-29.3,9.2-7.3,6.1-10.9,14.3-10.9,24.5s3.2,18.9,9.7,25.1c6.5,6.2,15.4,9.3,26.6,9.3Z'/%3e%3c/g%3e%3c/g%3e%3cg%20class='st1'%3e%3cg%20class='st1'%3e%3cpath%20class='st0'%20d='M1595.9,372.6v-163h22.3v20.9c4.6-8,10.7-14.1,18.3-18.3,7.6-4.3,16.2-6.4,25.9-6.4,19,0,33.2,5.9,42.4,17.6,9.3,11.8,13.9,29.6,13.9,53.5v95.7h-22.3v-99.7c0-15.2-3.2-26.8-9.6-34.7-6.4-7.9-15.6-11.9-27.8-11.9s-23.6,4.1-30.5,12.3c-6.9,8.2-10.4,20.3-10.4,36.2v97.8h-22.3Z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cpath%20class='st0'%20d='M426.5,161.5v224.1l-171.6,98.7-1-221,172.7-101.8M444.5,130l-208.7,123,1.2,262.3,207.5-119.3V130h0Z'%3e%3canimateTransform%20attributeName='transform'%20attributeType='XML'%20type='translate'%20values='0%200;%20130%200;%200%200'%20keyTimes='0;0.5;1'%20dur='2.5s'%20repeatCount='indefinite'%20calcMode='spline'%20keySplines='0.42%200%200.58%201;0.42%200%200.58%201'/%3e%3c/path%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 990;
  cursor: progress;
}

.logo-animated-white::after {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Ebene_1'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%20viewBox='0%200%201742.3%20524'%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20%23ffffff;%20}%20.st1%20{%20isolation:%20isolate;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20class='st0'%20d='M444.5,130L227.9,6.1,9,133.1v252.5l228,129.8-1.1-241.4,208.6,122.1V130ZM208.8,258.2L27,364.6v-210.8l181.8,104.4ZM217.7,242.6L36,138.3,218.8,32.2l-1,210.3h-.1ZM36,380.2l181.8-106.4,1,210.5-182.8-104.1ZM426.5,364.6l-190.7-111.6,1-221,189.6,108.5v224.2h0Z'/%3e%3cg%20class='st1'%3e%3cg%20class='st1'%3e%3cg%20class='st1'%3e%3cpath%20class='st0'%20d='M717.9,372.6v-163h22.3v19.1c4.7-7.4,10.8-13.1,18.3-17.1,7.5-3.9,16-5.9,25.4-5.9s19.3,2.6,27,7.7c7.7,5.1,13.4,12.3,17.1,21.5,4.6-9.1,11.1-16.3,19.5-21.5,8.5-5.2,17.9-7.7,28.3-7.7,16.9,0,30.4,5.2,40.4,15.7,10,10.5,15,24.6,15,42.5v108.6h-22.3v-100c0-15.1-3-26.6-9.1-34.5-6.1-7.9-14.8-11.8-26.3-11.8s-14.2,2-19.9,5.9c-5.7,3.9-10.1,9.4-13.3,16.5-3.2,7.1-4.8,15.2-4.8,24.5v99.4h-22.3v-100c0-15.2-2.9-26.7-8.8-34.5-5.8-7.8-14.6-11.7-26.2-11.7s-21.1,4.2-27.9,12.5c-6.8,8.3-10.2,19.8-10.2,34.2v99.5h-22.3Z'/%3e%3c/g%3e%3c/g%3e%3cg%20class='st1'%3e%3cg%20class='st1'%3e%3cpath%20class='st0'%20d='M1051.7,376.4c-14.5,0-26.9-3.6-37.4-10.8-10.5-7.2-18.5-17.2-24.2-30.1-5.6-12.9-8.5-27.8-8.5-44.7s3-33.3,8.9-46c5.9-12.7,14.1-22.4,24.6-29.1,10.5-6.7,22.7-10,36.5-10s22.9,2.8,32.7,8.5c9.8,5.6,17.5,14.4,23.3,26.2s8.6,27,8.6,45.5,0,4.1-.2,6.5c-.1,2.4-.3,4.9-.5,7.4h-110.9c.9,11.3,3.2,21.1,6.9,29.6,3.8,8.5,9,15.1,15.8,19.9,6.8,4.8,15.1,7.3,25,7.3s13.1-1.2,19.3-3.6c6.2-2.4,11.9-6.1,17.2-11.1l13.1,15c-6,5.6-13.3,10.3-21.9,14-8.7,3.7-18.2,5.6-28.5,5.6ZM1004.5,280.1h89c0-10.1-1.5-19.3-4.5-27.6s-7.7-14.9-13.9-19.8c-6.2-4.9-14-7.3-23.4-7.3s-23.4,4.4-32.3,13.1c-8.9,8.7-13.9,22.6-14.9,41.6Z'/%3e%3c/g%3e%3c/g%3e%3cg%20class='st1'%3e%3cg%20class='st1'%3e%3cpath%20class='st0'%20d='M1164.2,437.4v-227.8h22.3v17.1c11.6-13.9,26.5-20.9,44.7-20.9s25,3.5,34.8,10.4c9.8,6.9,17.3,16.7,22.6,29.5,5.3,12.8,8,27.9,8,45.3s-2.7,32.7-8.1,45.5c-5.4,12.8-13,22.7-23,29.6-9.9,6.9-21.7,10.4-35.3,10.4s-17.4-1.9-24.7-5.8c-7.3-3.9-13.7-9.6-19-17.1v73.2l-22.3,10.7ZM1228,355.4c14.7,0,25.9-5.6,33.8-16.7,7.9-11.2,11.8-27.1,11.8-47.7s-4.1-35.4-12.4-47c-8.2-11.5-19.3-17.3-33.3-17.3s-16.7,2.2-23.9,6.5c-7.2,4.4-13.1,10.5-17.5,18.5v77.4c5.6,8.6,12,15.2,19,19.6,7,4.5,14.5,6.7,22.5,6.7Z'/%3e%3cpath%20class='st0'%20d='M1344.7,372.6v-219.6l22.3-10.7v230.3h-22.3Z'/%3e%3c/g%3e%3c/g%3e%3cg%20class='st1'%3e%3cg%20class='st1'%3e%3cpath%20class='st0'%20d='M1470.7,376.4c-17.2,0-30.7-4.8-40.5-14.4-9.8-9.6-14.7-22.9-14.7-39.8s2.4-20.3,7.3-28.2c4.8-8,11.7-14.1,20.6-18.4,8.9-4.3,19.4-6.5,31.5-6.5s15.6,1,22.9,3c7.3,2,14.3,5.1,21.1,9.1v-15.6c0-13.8-3-24-9-30.5-6-6.5-15.3-9.7-28-9.7s-15.6,1.4-24,4.2c-8.5,2.8-16.5,6.8-24,11.9l-6.5-18.8c8.6-5.4,17.9-9.6,27.9-12.5,10-2.9,19.8-4.4,29.3-4.4,18.3,0,32.1,4.8,41.5,14.4,9.4,9.6,14,23.7,14,42.3v110.2h-21.2v-18.5c-6.5,7.1-13.9,12.6-22.2,16.5-8.3,3.9-17,5.8-25.9,5.8ZM1473.5,356.8c8.2,0,16.2-2.2,23.9-6.5,7.8-4.3,14.9-10.5,21.4-18.6v-30.5c-6.3-4-13.1-7.1-20.3-9.3-7.3-2.2-14.3-3.3-21.1-3.3-12.2,0-22,3.1-29.3,9.2-7.3,6.1-10.9,14.3-10.9,24.5s3.2,18.9,9.7,25.1c6.5,6.2,15.4,9.3,26.6,9.3Z'/%3e%3c/g%3e%3c/g%3e%3cg%20class='st1'%3e%3cg%20class='st1'%3e%3cpath%20class='st0'%20d='M1595.9,372.6v-163h22.3v20.9c4.6-8,10.7-14.1,18.3-18.3,7.6-4.3,16.2-6.4,25.9-6.4,19,0,33.2,5.9,42.4,17.6,9.3,11.8,13.9,29.6,13.9,53.5v95.7h-22.3v-99.7c0-15.2-3.2-26.8-9.6-34.7-6.4-7.9-15.6-11.9-27.8-11.9s-23.6,4.1-30.5,12.3c-6.9,8.2-10.4,20.3-10.4,36.2v97.8h-22.3Z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cpath%20class='st0'%20d='M426.5,161.5v224.1l-171.6,98.7-1-221,172.7-101.8M444.5,130l-208.7,123,1.2,262.3,207.5-119.3V130h0Z'%3e%3canimateTransform%20attributeName='transform'%20attributeType='XML'%20type='translate'%20values='0%200;%20130%200;%200%200'%20keyTimes='0;0.5;1'%20dur='2.5s'%20repeatCount='indefinite'%20calcMode='spline'%20keySplines='0.42%200%200.58%201;0.42%200%200.58%201'/%3e%3c/path%3e%3c/svg%3e");
}

/* Document
 * ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
:where(html) {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%; /* 2 */
}

/* Sections
 * ========================================================================== */
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */
:where(h1) {
  font-size: 2em;
  margin-block-end: 0.67em;
  margin-block-start: 0.67em;
}

/* Grouping content
 * ========================================================================== */
/**
 * Remove the margin on nested lists in Chrome, Edge, and Safari.
 */
:where(dl, ol, ul) :where(dl, ol, ul) {
  margin-block-end: 0;
  margin-block-start: 0;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Correct the inheritance of border color in Firefox.
 */
:where(hr) {
  box-sizing: content-box; /* 1 */
  color: inherit; /* 2 */
  height: 0; /* 1 */
}

/* Text-level semantics
 * ========================================================================== */
/**
 * Add the correct text decoration in Safari.
 */
:where(abbr[title]) {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
:where(b, strong) {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
:where(code, kbd, pre, samp) {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
:where(small) {
  font-size: 80%;
}

/* Tabular data
 * ========================================================================== */
/**
 * 1. Correct table border color in Chrome, Edge, and Safari.
 * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.
 */
:where(table) {
  border-color: currentColor; /* 1 */
  text-indent: 0; /* 2 */
}

/* Forms
 * ========================================================================== */
/**
 * Remove the margin on controls in Safari.
 */
:where(button, input, select) {
  margin: 0;
}

/**
 * Remove the inheritance of text transform in Firefox.
 */
:where(button) {
  text-transform: none;
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */
:where(button, input:is([type=button i], [type=reset i], [type=submit i])) {
  -webkit-appearance: button;
}

/**
 * Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */
:where(progress) {
  vertical-align: baseline;
}

/**
 * Remove the inheritance of text transform in Firefox.
 */
:where(select) {
  text-transform: none;
}

/**
 * Remove the margin in Firefox and Safari.
 */
:where(textarea) {
  margin: 0;
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */
:where(input[type=search i]) {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */
:where(button, input:is([type=button i], [type=color i], [type=reset i], [type=submit i]))::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
:where(button, input:is([type=button i], [type=color i], [type=reset i], [type=submit i]))::-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */
:where(:-moz-ui-invalid) {
  box-shadow: none;
}

/* Interactive
 * ========================================================================== */
/*
 * Add the correct styles in Safari.
 */
:where(dialog) {
  background-color: white;
  border: solid;
  color: black;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
}

:where(dialog:not([open])) {
  display: none;
}

/*
 * Add the correct display in all browsers.
 */
:where(summary) {
  display: list-item;
}

html[data-type=configurator],
body[data-type=configurator] {
  position: relative;
  height: 100%;
  width: 100%;
  font-family: var(--font-primary);
  color: var(--color-text);
  padding: 0;
  margin: 0;
  scroll-behavior: smooth;
  overscroll-behavior: none;
  text-rendering: geometricPrecision;
  --scrollbar-size: 0.375rem;
  --border-radius: 1rem;
}
html[data-type=configurator] ::-webkit-scrollbar,
body[data-type=configurator] ::-webkit-scrollbar {
  width: var(--scrollbar-size);
  height: var(--scrollbar-size);
}
html[data-type=configurator] ::-webkit-scrollbar-track,
body[data-type=configurator] ::-webkit-scrollbar-track {
  background: var(--color-tertiary-white);
  border-radius: var(--border-radius);
}
html[data-type=configurator] ::-webkit-scrollbar-thumb,
body[data-type=configurator] ::-webkit-scrollbar-thumb {
  background: var(--color-tertiary-grey-medium);
  border-radius: var(--border-radius);
  background-clip: padding-box;
}

.scrollbar-white {
  --scrollbar-size: 1rem;
  --border-radius: 1.25rem;
}
.scrollbar-white::-webkit-scrollbar {
  width: var(--scrollbar-size);
  height: var(--scrollbar-size);
}
.scrollbar-white::-webkit-scrollbar-track {
  background: var(--color-tertiary-grey-medium);
  border-radius: var(--border-radius);
}
.scrollbar-white::-webkit-scrollbar-thumb {
  background: var(--color-tertiary-grey-light);
  border-radius: var(--border-radius);
  background-clip: padding-box;
  border: 2px solid transparent;
}
.scrollbar-white::-webkit-scrollbar-button {
  background-color: transparent;
  display: block;
}
.scrollbar-white::-webkit-scrollbar-button:single-button:horizontal:decrement {
  background: url('data:image/svg+xml;charset=UTF-8,<svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.10408 10.0416L0.392578 5.33005L5.10408 0.61853L5.8781 1.39255L1.9326 5.33005L5.8781 9.26755L5.10408 10.0416ZM10.8332 10.0416L6.12172 5.33005L10.8332 0.618531L11.6072 1.39255L7.66174 5.33005L11.6072 9.26755L10.8332 10.0416Z" fill="%23ABB3BE"/></svg>') no-repeat center;
}
.scrollbar-white::-webkit-scrollbar-button:single-button:horizontal:increment {
  background: url('data:image/svg+xml;charset=UTF-8,<svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.89592 0.618584L11.6074 5.3301L6.89592 10.0416L6.1219 9.2676L10.0674 5.3301L6.1219 1.3926L6.89592 0.618584ZM1.16676 0.618584L5.87828 5.3301L1.16676 10.0416L0.392756 9.2676L4.33826 5.3301L0.392756 1.3926L1.16676 0.618584Z" fill="%23ABB3BE"/></svg>') no-repeat center;
}

.title-box {
  margin: 0;
  padding: 0.375rem 0.75rem;
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--color-tertiary-white);
  background-color: var(--color-primary-100);
}
.title-box.color-secondary-coral {
  background-color: var(--color-secondary-coral);
}
.title-box.color-secondary-lightblue {
  background-color: var(--color-secondary-lightblue);
}
.title-box.size-large {
  padding: 0.5rem 0.75rem;
  font-size: 2rem;
}

.material-symbols-sharp {
  -webkit-user-select: none;
          user-select: none;
}