/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./apps/inshared-de/spa/funnels/liability/src/styles.scss?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Do not edit directly, this file was auto-generated.
 */
:root {
  --foundation-border-radius-1xs: 0.3rem;
  --foundation-border-radius-md: 0.4rem;
  --foundation-border-radius-lg: 0.8rem;
  --foundation-border-style-solid: solid;
  --foundation-border-width-md: 2px;
  --foundation-border-width-sm: 0.063rem;
  --foundation-border-style-dashed: dashed;
  --foundation-border-style-none: none;
  --foundation-color-pink-50: #fce3ee;
  --foundation-color-pink-100: #f9c7de;
  --foundation-color-pink-200: #f3a0c4;
  --foundation-color-pink-300: #f173ac;
  --foundation-color-pink-400: #e869a3;
  --foundation-color-pink-500: #c0427b;
  --foundation-color-pink-600: #993361;
  --foundation-color-pink-700: #7e2a50;
  --foundation-color-neutral-50: #ffffff;
  --foundation-color-neutral-100: #f6f6f6;
  --foundation-color-neutral-200: #dadada;
  --foundation-color-neutral-300: #b8b7b3;
  --foundation-color-neutral-500: #717171;
  --foundation-color-neutral-600: #585750;
  --foundation-color-neutral-700: #333333;
  --foundation-color-neutral-800: #222222;
  --foundation-color-blue-400: #0d7ff4;
  --foundation-color-blue-500: #0a70d6;
  --foundation-color-blue-600: #0966c5;
  --foundation-color-blue-700: #07529C;
  --foundation-color-transparent-neutral-0: #00000000;
  --foundation-font-family-hand: "casino_hand";
  --foundation-font-family-sans: "inshared_sans_regular";
  --foundation-font-size-xl: 1.9rem;
  --foundation-font-size-md: 1.727rem;
  --foundation-font-size-sm: 1.625rem;
  --foundation-font-size-xs: 1.523rem;
  --foundation-font-weight-bold: 700;
  --foundation-font-weight-medium: 500;
  --foundation-font-weight-regular: 400;
  --foundation-line-height-xl: 1.56;
  --foundation-line-height: 1.5;
  --foundation-line-height-trim: 1;
  --foundation-sizing-md: 1.6rem;
  --foundation-sizing-lg: 2.4rem;
  --foundation-sizing-xl: 4rem;
  --foundation-spacing-zero: 0rem;
  --foundation-spacing-xs: 0.2rem;
  --foundation-spacing-1xs: 0.3rem;
  --foundation-spacing-sm: 0.4rem;
  --foundation-spacing-md: 0.8rem;
  --foundation-spacing-lg: 1.2rem;
  --foundation-spacing-xl: 1.6rem;
  --foundation-spacing-2xl: 2rem;
  --foundation-spacing-3xl: 2.4rem;
  --foundation-spacing-4xl: 3.2rem;
  --foundation-spacing-5xl: 4rem;
  --foundation-spacing-6xl: 6rem;
}

/**
 *  This file is WIP: Setting up Design System connected to Figma
 */
:root {
  --semantic-border-radius-button: var(--foundation-border-radius-1xs);
  --semantic-border-radius-card: var(--foundation-border-radius-lg);
  --semantic-border-radius-input: var(--foundation-border-radius-md);
  --semantic-border-radius-message-default: var(--foundation-border-radius-lg);
  --semantic-border-radius-tag: var(--foundation-border-radius-md);
  --semantic-border-style-card: var(--foundation-border-style-solid);
  --semantic-border-style-input: var(--foundation-border-style-solid);
  --semantic-border-width-button: var(--foundation-border-width-md);
  --semantic-border-width-card: var(--foundation-border-width-md);
  --semantic-border-width-input: var(--foundation-border-width-sm);
  --semantic-border-width-input-focus: var(--foundation-border-width-md);
  --semantic-border-width-message-default: var(--foundation-border-width-md);
  --semantic-color-background-page-default: var(--foundation-color-neutral-50);
  --semantic-color-border-container-alt: var(--foundation-color-pink-400);
  --semantic-color-border-page-default: var(--foundation-color-neutral-50);
  --semantic-color-border-secondary: var(--foundation-color-neutral-300);
  --semantic-color-icon-accent: var(--foundation-color-pink-500);
  --semantic-color-icon-default: var(--foundation-color-neutral-500);
  --semantic-color-on-surface-accent-text: var(--foundation-color-neutral-50);
  --semantic-color-on-surface-accent-text-active: var(--foundation-color-neutral-50);
  --semantic-color-on-surface-accent-text-disabled: var(--foundation-color-neutral-500);
  --semantic-color-on-surface-accent-text-hover: var(--foundation-color-neutral-50);
  --semantic-color-on-surface-container-alt-text: var(--foundation-color-neutral-800);
  --semantic-color-on-surface-container-default-text-muted: var(--foundation-color-neutral-500);
  --semantic-color-on-surface-container-default-text-accent: var(--foundation-color-pink-500);
  --semantic-color-on-surface-secondary-text: var(--foundation-color-neutral-800);
  --semantic-color-on-surface-secondary-text-active: var(--foundation-color-blue-600);
  --semantic-color-on-surface-secondary-text-disabled: var(--foundation-color-neutral-500);
  --semantic-color-on-surface-secondary-text-hover: var(--foundation-color-blue-400);
  --semantic-color-text-heading-accent: var(--foundation-color-pink-500);
  --semantic-color-text-heading-default: var(--foundation-color-neutral-800);
  --semantic-color-text-label: var(--foundation-color-neutral-800);
  --semantic-color-text-placeholder: var(--foundation-color-neutral-500);
  --semantic-color-text-page-default: var(--foundation-color-neutral-800);
  --semantic-color-shadow-accent-active: var(--foundation-color-blue-700);
  --semantic-color-shadow-accent-default: var(--foundation-color-pink-500);
  --semantic-color-shadow-accent-disabled: var(--foundation-color-neutral-300);
  --semantic-color-shadow-accent-hover: var(--foundation-color-blue-600);
  --semantic-color-shadow-secondary: var(--foundation-color-neutral-300);
  --semantic-color-state-default-border: var(--foundation-color-neutral-300);
  --semantic-color-state-default-background: var(--foundation-color-neutral-50);
  --semantic-color-state-default-text: var(--foundation-color-neutral-800);
  --semantic-color-state-default-border-radio: var(--foundation-color-neutral-500);
  --semantic-color-state-disabled-border: var(--foundation-color-neutral-300);
  --semantic-color-state-disabled-background: var(--foundation-color-neutral-100);
  --semantic-color-state-disabled-icon: var(--foundation-color-neutral-500);
  --semantic-color-state-disabled-text: var(--foundation-color-neutral-500);
  --semantic-color-state-hover-text: var(--foundation-color-neutral-800);
  --semantic-color-state-hover-text-on-hover: var(--foundation-color-neutral-50);
  --semantic-color-state-focus-border: var(--foundation-color-blue-500);
  --semantic-color-state-filled-border: var(--foundation-color-neutral-600);
  --semantic-color-state-hover-border: var(--foundation-color-neutral-800);
  --semantic-color-state-selected-background: var(--foundation-color-pink-500);
  --semantic-color-state-selected-border: var(--foundation-color-pink-500);
  --semantic-color-state-selected-pressed-background: var(--foundation-color-pink-400);
  --semantic-color-state-selected-pressed-border: var(--foundation-color-neutral-300);
  --semantic-color-state-selected-disabled-background: var(--foundation-color-neutral-200);
  --semantic-color-state-selected-disabled-border: var(--foundation-color-neutral-300);
  --semantic-color-state-default-pressed-border: var(--foundation-color-neutral-300);
  --semantic-color-surface-transparent: var(--foundation-color-transparent-neutral-0);
  --semantic-color-surface-accent-active: var(--foundation-color-blue-600);
  --semantic-color-surface-accent-default: var(--foundation-color-pink-400);
  --semantic-color-surface-accent-disabled: var(--foundation-color-neutral-200);
  --semantic-color-surface-accent-hover: var(--foundation-color-blue-400);
  --semantic-color-surface-container-alt: var(--foundation-color-neutral-100);
  --semantic-color-surface-secondary-default: var(--foundation-color-neutral-50);
  --semantic-color-surface-section-alt: var(--foundation-color-neutral-100);
  --semantic-color-validation-invalid-border: var(--foundation-color-pink-500);
  --semantic-color-validation-invalid-helper-text: var(--foundation-color-pink-500);
  --semantic-color-validation-invalid-icon: var(--foundation-color-pink-500);
  --semantic-color-validation-invalid-message-border: var(--foundation-color-pink-500);
  --semantic-color-validation-invalid-text: var(--foundation-color-neutral-800);
  --semantic-color-validation-valid-border: var(--foundation-color-neutral-500);
  --semantic-color-validation-valid-icon: var(--foundation-color-neutral-500);
  --semantic-color-validation-valid-text: var(--foundation-color-neutral-800);
  --semantic-font-family: var(--foundation-font-family-sans);
  --semantic-font-family-heading: var(--foundation-font-family-sans);
  --semantic-font-family-helper: var(--foundation-font-family-sans);
  --semantic-font-family-input: var(--foundation-font-family-sans);
  --semantic-font-family-label: var(--foundation-font-family-sans);
  --semantic-font-family-tag: var(--foundation-font-family-hand);
  --semantic-font-size-body: var(--foundation-font-size-md);
  --semantic-font-size-heading-3: var(--foundation-font-size-xl);
  --semantic-font-size-helper: var(--foundation-font-size-xs);
  --semantic-font-size-input: var(--foundation-font-size-md);
  --semantic-font-size-label: var(--foundation-font-size-md);
  --semantic-font-weight-body: var(--foundation-font-weight-regular);
  --semantic-font-weight-heading: var(--foundation-font-weight-bold);
  --semantic-font-weight-helper: var(--foundation-font-weight-regular);
  --semantic-font-weight-input: var(--foundation-font-weight-regular);
  --semantic-font-weight-label: var(--foundation-font-weight-regular);
  --semantic-font-weight-link: var(--foundation-font-weight-regular);
  --semantic-layout-form-container-gap-block: var(--foundation-spacing-4xl);
  --semantic-layout-form-container-gap-inline: var(--foundation-spacing-3xl);
  --semantic-layout-form-container-content-gap-inline-md: var(--foundation-spacing-5xl);
  --semantic-layout-form-container-content-gap-inline-lg: var(--foundation-spacing-6xl);
  --semantic-layout-form-container-section-content-gap-block: var(--foundation-spacing-lg);
  --semantic-layout-form-container-section-gap-block: var(--foundation-spacing-3xl);
  --semantic-layout-form-container-section-margin-bottom: var(--foundation-spacing-3xl);
  --semantic-layout-form-container-sidebar-padding: var(--foundation-spacing-xl);
  --semantic-layout-sidebar-border-radius: var(--foundation-border-radius-lg);
  --semantic-line-height-body: var(--foundation-line-height);
  --semantic-line-height-heading-3: var(--foundation-line-height-xl);
  --semantic-line-height-helper: var(--foundation-line-height);
  --semantic-line-height-input: var(--foundation-line-height-trim);
  --semantic-line-height-label: var(--foundation-line-height);
  --semantic-spacing-button-padding-block-link: var(--foundation-spacing-zero);
  --semantic-spacing-button-padding-inline-link: var(--foundation-spacing-zero);
  --semantic-spacing-button-shadow-offset: var(--foundation-spacing-1xs);
  --semantic-spacing-button-shadow-offset-none: var(--foundation-spacing-zero);
  --semantic-spacing-card-gap-block: var(--foundation-spacing-xl);
  --semantic-spacing-card-gap-inline: var(--foundation-spacing-xl);
  --semantic-spacing-card-padding-block: var(--foundation-spacing-xl);
  --semantic-spacing-card-padding-inline: var(--foundation-spacing-xl);
  --semantic-spacing-form-gap-block: var(--foundation-spacing-3xl);
  --semantic-spacing-form-section-gap-block: var(--foundation-spacing-xl);
  --semantic-spacing-form-section-content-gap-block: var(--foundation-spacing-xl);
  --semantic-spacing-message-padding-inline: var(--foundation-spacing-lg);
  --semantic-spacing-message-padding-block: var(--foundation-spacing-xl);
  --semantic-spacing-message-gap-inline: var(--foundation-spacing-xl);
  --semantic-spacing-message-arrow-offset-inline: var(--foundation-spacing-xl);
  --semantic-spacing-message-arrow-offset-block: var(--foundation-spacing-xs);
  --semantic-spacing-radio-gap-inline: var(--foundation-spacing-md);
  --semantic-spacing-radio-padding-block: var(--foundation-spacing-md);
  --semantic-spacing-radio-padding-inline: var(--foundation-spacing-zero);
  --semantic-spacing-radio-group-gap-block: var(--foundation-spacing-md);
  --semantic-spacing-radio-item-gap-block: var(--foundation-spacing-sm);
  --semantic-spacing-tag-padding-block: var(--foundation-spacing-md);
  --semantic-spacing-tag-padding-inline: var(--foundation-spacing-md);
  --semantic-spacing-input-gap-block: var(--foundation-spacing-md);
  --semantic-spacing-input-padding-block: var(--foundation-spacing-lg);
  --semantic-spacing-input-padding-inline: var(--foundation-spacing-lg);
  --semantic-sizing-icon-md: var(--foundation-sizing-md);
  --semantic-sizing-icon-lg: var(--foundation-sizing-lg);
  --semantic-sizing-icon-xl: var(--foundation-sizing-xl);
  --semantic-sizing-icon: var(--foundation-font-size-md);
}

@media (min-width: 768px) {
  :root {
    --semantic-spacing-form-section-gap-block: var(--foundation-spacing-2xl);
    --semantic-spacing-form-section-content-gap-block: var(--foundation-spacing-2xl);
  }
}
/*
  Custom css reset inspired by Josh and Andy:
  - https://www.joshwcomeau.com/css/custom-css-reset/
  - https://andy-bell.co.uk/a-modern-css-reset/
  - https://andy-bell.co.uk/a-more-modern-css-reset/
*/
/* Add box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
* {
  margin: 0;
}

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/*
  Add 100vh for empty pages, add accessible line-height, improve text rendering for performance,
  and disable subpixel rendering for MacOS browsers.
  */
body {
  min-height: 100vh;
  line-height: 1.5;
  text-rendering: optimizeSpeed;
  -webkit-font-smoothing: antialiased;
}

/* Improve media defaults */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

/* Inherit fonts for inputs and buttons */
input,
textarea,
select {
  font: inherit;
}

/* Avoid text overflows */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Add smooth scrolling behaviour */
html {
  scroll-behavior: smooth;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* Add root stacking context to framework root element */
.reset-root-stacking {
  isolation: isolate;
}

:root {
  --spacing-sm: 0.4rem;
  --spacing-md: 0.8rem;
  --spacing-md-lg: 1.2rem;
  --spacing-lg: 1.6rem;
  --spacing-xl: 2.4rem;
  --spacing-xxl: 3.2rem;
  --spacing-xxxl: 4.8rem;
}

:root {
  --font-size-paragraph-sm: $paragraph-sm;
  --font-size-paragraph-lg: $paragraph-lg;
}

html {
  font-size: 62.5%;
}

body {
  --font-size: 1.6rem;
  --line-height: 1.5;
  --line-height-spacing: calc((var(--font-size) / var(--line-height)) / 2);
  margin: 0;
  font-family: inshared_sans_regular, Adjusted Arial Fallback, sans-serif;
  font-size: var(--font-size);
  line-height: var(--line-height);
  background-color: #f6f6f6;
}
body:has(.no-scroll) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  body {
    --font-size: 1.7rem;
  }
}

button {
  font-family: inshared_sans_bold, Adjusted Arial Bold Fallback, sans-serif;
  font-weight: 700;
  margin-top: 0;
}

input[type=text],
input[type=search] {
  padding: 1.3rem 2.4rem;
  color: #585750;
  border: 1px solid #b8b7b3;
  box-shadow: none;
  border-radius: 0.3rem;
  outline-color: #f173ac;
}

input[type=search] {
  padding-right: 3.2rem;
}
input[type=search]::-webkit-search-cancel-button {
  display: none;
}

img {
  width: 100%;
  height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  --color: #222222;
  --font-family: inshared_sans_bold, Adjusted Arial Bold Fallback, sans-serif;
  --font-size: 2.5rem;
  --font-weight: 700;
  --line-height: 1.5;
  color: var(--color);
  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
}

h1,
.h1 {
  --font-size: 2.5rem;
  --line-height: 1.5;
}
@media (min-width: 768px) {
  h1,
  .h1 {
    --font-size: 3.1rem;
    --line-height: 1.5;
  }
}

h2,
.h2 {
  --font-size: 2.2rem;
  --line-height: 1.5;
}
@media (min-width: 768px) {
  h2,
  .h2 {
    --font-size: 2.4rem;
    --line-height: 1.5;
  }
}

h3,
.h3 {
  --font-size: 1.9rem;
  --line-height: 1.5;
}
@media (min-width: 768px) {
  h3,
  .h3 {
    --font-size: 2.2rem;
    --line-height: 1.5;
  }
}

h4,
.h4 {
  --font-size: 1.6rem;
  --line-height: 1.6;
}
@media (min-width: 768px) {
  h4,
  .h4 {
    --font-size: 1.7rem;
    --line-height: 1.5;
  }
}

p,
p.bold {
  font-family: inshared_sans_regular, Adjusted Arial Fallback, sans-serif;
  font-weight: 400;
  color: #222222;
  font-size: 1.6rem;
  line-height: 1.6;
}
@media (min-width: 800px) {
  p,
  p.bold {
    font-size: 1.7rem;
    line-height: 1.6;
  }
}

p.bold {
  font-family: inshared_sans_medium, Adjusted Arial Bold Fallback, sans-serif;
  font-weight: 500;
}

.text-micro-hand {
  font-family: casino_hand, cursive;
  font-weight: 2rem;
  color: #585750;
  font-size: 2rem;
}
@media (min-width: 800px) {
  .text-micro-hand {
    font-size: 2.2rem;
  }
}

.text-caption {
  font-family: inshared_sans_regular, Adjusted Arial Fallback, sans-serif;
  font-weight: 400;
  color: #585750;
  font-size: 1.4rem;
  line-height: 1.6;
}
@media (min-width: 800px) {
  .text-caption {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}

.text-back-button {
  font-family: inshared_sans_bold, Adjusted Arial Bold Fallback, sans-serif;
  font-weight: 700;
  color: #222222;
  font-size: 1.2rem;
  line-height: 1.6;
}
@media (min-width: 800px) {
  .text-back-button {
    font-size: 1.4rem;
  }
}

a:hover,
a.primary:hover {
  color: #0d7ff4;
  fill: #0d7ff4;
}
a:active,
a.primary:active {
  color: #0966c5;
  fill: #0966c5;
}
a:disabled,
a.primary:disabled {
  color: #b8b7b3;
  fill: #b8b7b3;
}

a {
  text-decoration: underline;
  color: #585750;
  fill: #585750;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}

a.primary {
  color: #f173ac;
  fill: #f173ac;
  font-size: 2rem;
  font-family: casino_hand, cursive;
}
@media (min-width: 800px) {
  a.primary {
    font-size: 2.2rem;
  }
}

a.simple {
  text-decoration: none;
  color: #222222;
}
a.simple:hover {
  color: #f173ac;
}

a.link-button {
  border: 0.1rem solid #b8b7b3;
  text-decoration: none;
  color: #222222;
  padding: 0.8rem 1.6rem;
  border-radius: 0.6rem;
  background-color: #ffffff;
}
a.link-button:hover {
  color: #f173ac;
  text-decoration: underline;
}

a.landmark-link {
  border: 0.1rem solid #b8b7b3;
  text-decoration: none;
  color: #ffffff;
  padding: 0.8rem 1.6rem;
  border-radius: 0.6rem;
  background-color: #0d7ff4;
  font-family: inshared_sans_medium, Adjusted Arial Bold Fallback, sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  margin: 0 auto;
  position: absolute;
  z-index: 20;
  left: 50%;
  right: auto;
  top: 2rem;
  width: auto;
  opacity: 1;
  transform: translate(-50%, 0);
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}
a.landmark-link:hover {
  color: #ffffff;
  background-color: #0d7ff4;
  text-decoration: none;
}

.landmark-link:not(:focus):not(:hover) {
  transform: translate(-50%, -8rem);
  opacity: 0;
}

a svg.left,
.link svg.left {
  margin-right: 0.4rem;
}

a svg.right,
.link svg.right {
  margin-left: 0.4rem;
}

textarea {
  border: 0;
  resize: none;
  appearance: none;
  outline: none;
  border: 0.1rem solid #b8b7b3;
  border-radius: 0.4rem;
  box-shadow: none;
  background-color: #ffffff;
  color: #585750;
  padding: 0.4rem 1.2rem 0;
  width: 100%;
  min-height: 4rem;
  line-height: 1.5;
}
textarea::placeholder {
  color: #b8b7b3;
}

hr {
  border-color: #f173ac;
}

.screen-reader-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;
}

@font-face {
  font-family: "inshared_sans_regular";
  src: url(/assets/fonts/InSharedSans-Regular-V05.woff2) format("woff");
  font-display: fallback;
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Adjusted Arial Fallback";
  src: local(Arial);
  size-adjust: 96%;
  descent-override: 33%;
}
@font-face {
  font-family: "inshared_sans_medium";
  src: url(/assets/fonts/insharedsans-medium-webfont.woff2) format("woff");
  font-display: fallback;
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Adjusted Arial Bold Fallback";
  src: local(Arial);
  size-adjust: 119%;
  ascent-override: 61%;
  descent-override: 5%;
  line-gap-override: 4%;
}
@font-face {
  font-family: "inshared_sans_demibold";
  src: url(/assets/fonts/insharedsans-demibold-webfont.woff2) format("woff");
  font-display: fallback;
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "inshared_sans_bold";
  src: url(/assets/fonts/InSharedSans-Bold-V05_2.woff2) format("woff");
  font-display: fallback;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "casino_hand";
  src: url(/assets/fonts/Casino_Hand-webfont.woff2) format("woff");
  font-display: fallback;
  font-weight: normal;
  font-style: normal;
}
.layout {
  /* Private css variables | don't use anywhere else */
  --_layout-page-content-width: 1fr;
  --_layout-page-content-width-md: 72rem;
  --_layout-page-content-width-lg: 93rem;
  --_layout-page-content-width-xl: 111rem;
  --_layout-page-padding-inline: 1.6rem;
  --_layout-page-padding-inline-content: auto;
  --_layout-section-content-width: content-start / content-end;
  --_layout-section-page-width: page-start / page-end;
  --_layout-page-section-gap-sm: 2.4rem;
  --_layout-page-section-gap-lg: 3.2rem;
  --_layout-page-section-gap-xl: 5.6rem;
  --_layout-page-section-padded: 3.2rem;
  --row-gap-page: var(--_layout-page-section-gap-sm);
  --row-gap-content: var(--_layout-page-section-gap-lg);
  --scroll-margin-top: auto;
}
.layout :target {
  scroll-margin-top: var(--scroll-margin-top);
}
@media screen and (min-width: 768px) {
  .layout {
    --_layout-page-content-width: var(--_layout-page-content-width-md);
    --_layout-page-padding-inline: 1fr;
  }
}
@media screen and (min-width: 992px) {
  .layout {
    --_layout-page-content-width: var(--_layout-page-content-width-lg);
    --_layout-page-padding-inline: 1fr;
  }
}
@media screen and (min-width: 1200px) {
  .layout {
    --_layout-page-content-width: var(--_layout-page-content-width-xl);
    --_layout-page-padding-inline: 1fr;
  }
}

.layout,
main {
  display: grid;
  row-gap: var(--row-gap-page);
  background-color: #ffffff;
  grid-template-columns: [page-start] var(--_layout-page-padding-inline) [content-start] var(--_layout-page-content-width) [content-end] var(--_layout-page-padding-inline) [page-end];
}

/*
    All direct descendents of the layout that need to be
    the full width of the page
  */
.layout > main,
.layout > footer {
  grid-column: var(--_layout-section-page-width);
}

.layout > main {
  margin-bottom: var(--_layout-page-section-gap-lg);
  row-gap: var(--row-gap-content);
}
@media screen and (min-width: 768px) {
  .layout > main {
    --row-gap-content: var(--_layout-page-section-gap-xl);
  }
}
.layout > footer {
  margin-bottom: calc(-1 * var(--row-gap-page));
}

@media screen and (min-width: 768px) {
  .layout > footer > div:nth-child(1),
  .layout > .navbar > div:nth-child(1) {
    flex-grow: 0;
    margin-inline: var(--_layout-page-padding-inline-content);
    width: var(--_layout-page-content-width);
  }
}

/*
    All direct descendents of the layout that need to be
    contained within the content
  */
.layout > header,
.layout > web-desktop-menu,
.layout > nav,
.layout > section,
.layout > main > * {
  grid-column: var(--_layout-section-content-width);
}

.layout .web-section {
  --web-section-content-width: var(--_layout-page-content-width);
}

.layout .web-content-section {
  --web-content-section-content-width: var(--_layout-page-content-width);
}

.layout .web-page-header {
  --web-page-header-content-width: var(--_layout-page-content-width);
  grid-column: page-start/page-end;
}

/*#################################
  ONLY USE THE FOLLOWING CLASSES
###################################*/
/*  Use the .page-full-width class
    for creating content sections
    that will cover the whole page width */
.layout .layout-full-page-width {
  grid-column: var(--_layout-section-page-width);
  padding-inline: var(--_layout-page-padding-inline);
}
.layout .layout-full-page-width.content-width {
  grid-column: var(--_layout-section-content-width);
  width: var(--_layout-page-content-width);
}
.layout .layout-full-page-width.background-light {
  background-color: #f6f6f6;
}
.layout .layout-full-page-width.padded {
  padding: var(--_layout-page-section-padded) 0;
}
.layout .layout-full-page-width.no-bottom-padding {
  padding-bottom: 0;
}

/*  Use the page-content-width class
      for creating content sections within full page width sections,
      that will have there width bound to the page content width

      e.g. breaking out of the main
      */
.layout .layout-content-width {
  margin-inline: var(--_layout-page-padding-inline-content);
  width: var(--_layout-page-content-width);
  padding-inline: var(--_layout-page-padding-inline);
}

.layout .layout-no-gap-bottom {
  margin-bottom: calc(-1 * var(--row-gap-page));
}

.top-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.top-header web-top-menu .content .auth-menu {
  padding-left: 2.4rem;
}
.top-header web-top-menu .content .auth-menu .login-item {
  margin-right: 0.8rem;
}
@media screen and (min-width: 1024px) {
  .top-header {
    padding-top: 1.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .top-header {
    position: sticky;
    top: 0;
    z-index: 100;
    background: #ffffff;
    margin: 0 -1.6rem;
    padding: 0 1.6rem;
  }
  @keyframes header-slide-up {
    to {
      translate: 0 -100%;
    }
  }
  @keyframes header-slide-down {
    from {
      translate: 0 -100%;
    }
  }
  .top-header.scrolling--down {
    animation: header-slide-up 0.5s ease-out forwards;
  }
  .top-header.scrolling--up {
    animation: header-slide-down 0.5s ease-out forwards;
  }
  .top-header:has(.mobile-menu-button) .login-item span,
  .top-header:has(.mobile-menu-button) .contact-item span {
    display: none;
  }
}
.top-header:has(.mobile-menu-button-account) web-top-menu .content .auth-menu {
  padding-left: 4.8rem;
}
.top-header:has(.mobile-menu-button-account) web-top-menu .content .auth-menu .mobile-menu-button .button.button-secondary {
  --color-text: #222222;
}

.navbar-decoration {
  background-color: #ffffff;
  border-top: 0.2rem solid #f173ac;
  border-bottom: 0.2rem solid #f173ac;
}

.navbar .container {
  --font-size-slogan: 3.1rem;
  padding: 0.8rem 0;
  display: flex;
  align-items: flex-start;
  flex-grow: 1;
  flex-direction: column;
  gap: 0.4rem;
}
@media (min-width: 768px) {
  .navbar .container {
    align-items: center;
    flex-direction: row;
  }
}
.navbar .container .slogan {
  font-size: var(--font-size-slogan);
  margin-left: auto;
  white-space: nowrap;
}

footer {
  background-color: #f6f6f6;
  padding-bottom: 8rem; /* compensation for mobile footer menu */
}
@media (min-width: 992px) {
  footer {
    padding-block: 7.5rem;
  }
}

/*
** Page level styling, use as little as possible
 */
[data-content-id=faq-overview] {
  min-height: 55.6rem;
  position: relative;
}
[data-content-id=faq-overview] .web-markdown {
  --paragraph-margin-block-start: 0;
  --paragraph-margin-block-end: 0;
}

[data-content-id=faq-detail] .questions-container {
  display: flex;
  flex-direction: column;
}
[data-content-id=faq-detail] .questions-container h2 {
  margin-bottom: 1.6rem;
}
[data-content-id=faq-detail] .question-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.6rem;
  margin-bottom: 2.4rem;
}
@media (min-width: 992px) {
  [data-content-id=faq-detail] .question-container {
    grid-template-columns: 1fr 1fr;
  }
}
[data-content-id=faq-detail] .web-markdown {
  --paragraph-margin-block-start: 0;
}
[data-content-id=faq-detail] .anchor-navigation {
  text-align: center;
}
@media (min-width: 768px) {
  [data-content-id=faq-detail] .anchor-navigation {
    text-align: left;
  }
}
[data-content-id=faq-detail] .anchor-navigation b {
  margin-right: 1.6rem;
}
[data-content-id=faq-detail] .anchor-navigation a {
  margin: 1rem 3.6rem 1rem 0;
  display: block;
}
@media (min-width: 768px) {
  [data-content-id=faq-detail] .anchor-navigation a {
    display: inline-flex;
  }
}

[data-content-id=faq-question] .more-questions {
  display: flex;
  gap: 1.6rem;
  margin-top: 3.2rem;
  flex-direction: column;
}
@media (min-width: 992px) {
  [data-content-id=faq-question] .more-questions {
    flex-direction: row;
  }
}
[data-content-id=faq-question] .web-markdown {
  --paragraph-margin-block-start: 0;
}

[data-content-id=product-page],
[data-content-id=home-page] {
  --row-gap-content: 0 !important;
  margin-bottom: 0 !important;
}
[data-content-id=product-page] .web-section .button,
[data-content-id=home-page] .web-section .button {
  width: 100%;
}
@media (min-width: 800px) {
  [data-content-id=product-page] .web-section .button,
  [data-content-id=home-page] .web-section .button {
    width: fit-content;
  }
}
[data-content-id=product-page] .web-section.full-width .web-carousel,
[data-content-id=home-page] .web-section.full-width .web-carousel {
  --web-carousel-controls-background: #ffffff;
}
[data-content-id=product-page] .web-section.full-width:last-child,
[data-content-id=home-page] .web-section.full-width:last-child {
  margin-bottom: calc(-1 * var(--row-gap-page));
}
@media (min-width: 992px) {
  [data-content-id=product-page] web-visibility-trigger .web-sticky-footer,
  [data-content-id=home-page] web-visibility-trigger .web-sticky-footer {
    --web-sticky-footer-start: -100%;
    bottom: unset;
    top: 0;
  }
}
@media (max-width: 1023px) {
  [data-content-id=product-page] web-visibility-trigger .web-sticky-footer web-chatbot,
  [data-content-id=home-page] web-visibility-trigger .web-sticky-footer web-chatbot {
    display: none;
  }
}
@media (min-width: 992px) {
  [data-content-id=product-page]:has(.web-sticky-footer),
  [data-content-id=home-page]:has(.web-sticky-footer) {
    --scroll-margin-top: 150px;
  }
}
[data-content-id=product-page] .web-list,
[data-content-id=home-page] .web-list {
  --web-list-icon-start-size: 3.2rem;
  --web-list-padding-block: 1.2rem;
}
[data-content-id=product-page] .web-page-header .web-list:not(.stroked),
[data-content-id=home-page] .web-page-header .web-list:not(.stroked) {
  --web-list-padding-block: 0.4rem;
}
[data-content-id=product-page] .web-content-section:first-child,
[data-content-id=home-page] .web-content-section:first-child {
  padding-top: 0;
}
[data-content-id=product-page] .web-content-section .web-markdown,
[data-content-id=home-page] .web-content-section .web-markdown {
  padding: 2.4rem 1.6rem 1.6rem;
}
[data-content-id=product-page] .web-content-section .web-table,
[data-content-id=home-page] .web-content-section .web-table {
  margin-block: 2.4rem;
}
[data-content-id=product-page] .web-card.text-align-center .web-list,
[data-content-id=home-page] .web-card.text-align-center .web-list {
  text-align: left;
}
[data-content-id=product-page] .web-card.text-align-center .web-list li,
[data-content-id=home-page] .web-card.text-align-center .web-list li {
  align-items: flex-start;
}
[data-content-id=product-page] .web-card.text-align-center .web-list li web-icon.icon-start,
[data-content-id=home-page] .web-card.text-align-center .web-list li web-icon.icon-start {
  transform: translateY(calc(0px + var(--line-height-spacing) * 2 - var(--icon-height) / 2));
}
[data-content-id=product-page] .web-card.text-align-center .button,
[data-content-id=home-page] .web-card.text-align-center .button {
  width: 100%;
}
[data-content-id=product-page] .web-card.text-align-center .link .link-text,
[data-content-id=home-page] .web-card.text-align-center .link .link-text {
  margin: 0 auto;
}
[data-content-id=product-page] .testimonials-container,
[data-content-id=home-page] .testimonials-container {
  width: 100%;
  overflow: hidden;
}
[data-content-id=product-page] .testimonials-container .web-card,
[data-content-id=home-page] .testimonials-container .web-card {
  --web-card-padding: 2.4rem;
}
[data-content-id=product-page] .testimonials-container .testimonials-header,
[data-content-id=home-page] .testimonials-container .testimonials-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2.4rem;
  margin-bottom: 2.4rem;
}
[data-content-id=product-page] .testimonials-container .testimonials-header .web-stars,
[data-content-id=home-page] .testimonials-container .testimonials-header .web-stars {
  margin-right: auto;
  margin-bottom: var(--line-height-spacing);
}

:root {
  --layout-component-spacing-gap-block: var(--spacing-xl);
  --layout-component-spacing-gap-inline: var(--spacing-lg);
  --layout-section-spacing-block: var(--spacing-xl);
}

.strip {
  --padding-block: var(--spacing-xxxl);
  background-color: #f6f6f6;
  padding-block: var(--padding-block);
  padding-inline: var(--spacing-lg);
  display: grid;
  gap: var(--spacing-lg);
  overflow: hidden;
}
@media (max-width: 800px) {
  .strip {
    --padding-block: var(--spacing-xl);
  }
}
.strip > div:first-child {
  display: flex;
  flex-direction: column;
  row-gap: var(--layout-component-spacing-gap-block);
}

@media (max-width: 800px) {
  .carousel {
    display: none;
  }
}

@media (min-width: 800px) {
  .buttonlist {
    display: none;
  }
}

.smart-tips-header {
  display: flex;
  flex-direction: column;
  padding-inline: 0;
}
.smart-tips-header-image {
  display: none;
  flex: 1;
}
.smart-tips-header-text {
  --gap: var(--spacing-md);
  display: flex;
  flex-direction: column;
  flex: 2;
  row-gap: var(--gap);
}
.smart-tips-header-text [type=button] {
  margin-top: calc(var(--gap) * 2);
}
.smart-tips-header-text .web-markdown {
  --paragraph-margin-block-start: 0;
  --paragraph-margin-block-end: 0;
}
@media (min-width: 1024px) {
  .smart-tips-header {
    column-gap: var(--layout-component-spacing-gap-inline);
    flex-direction: row;
  }
  .smart-tips-header .smart-tips-header-image {
    display: block;
    max-height: 200px;
  }
}

.smart-tips-section {
  display: grid;
}
.smart-tips-section [type=button] {
  justify-self: center;
}

.smart-tips-container {
  display: grid;
  gap: 1.6rem 0;
  margin: 2rem 0;
}
.smart-tips-container .web-card--highlighted {
  grid-column: 1/-1;
}
@media (min-width: 992px) {
  .smart-tips-container {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2.4rem;
  }
  .smart-tips-container .web-card--highlighted {
    --web-card-columns: 1fr 1fr;
    --web-card-rows: min-content;
  }
  .smart-tips-container .web-card:not(.web-card--highlighted) {
    --web-card-columns: 1fr;
    --web-card-rows: 160px 1fr;
  }
}

.smart-tips-details--content a.link {
  --text-decoration: underline;
}

.smartcard {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  flex-grow: 1;
}
.smartcard .aside {
  font-size: 13px;
}
.smartcard a {
  margin-top: auto;
  line-height: 1.5;
  padding-block: 0.8rem;
}
.smartcard.mini .aside {
  flex-direction: row;
  gap: 0;
}
.smartcard p {
  display: none;
}
.smartcard .dot {
  color: #b8b7b3;
  margin: 0 0.4rem;
}
@media (min-width: 768px) {
  .smartcard p {
    display: block;
    margin-block: var(--spacing-sm);
  }
}
@media screen and (min-width: 992px) {
  .smartcard {
    padding: var(--spacing-md);
    padding-bottom: 0;
    gap: var(--spacing-md);
  }
}

.smart-container {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 0 3.2rem;
  grid-template-areas: ". .";
  justify-items: start;
}
.smart-container > .aside {
  background-color: #f6f6f6;
  border-radius: 1rem;
  padding: 1.6rem;
  height: fit-content;
}
.smart-container > .aside .more-tips-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--spacing-xl);
  padding: calc(var(--spacing-xl) - var(--spacing-lg)) 0;
}
.smart-container > .aside .more-tips-container .button {
  align-self: center;
}
@media (max-width: 991px) {
  .smart-container > .aside {
    background-color: #ffffff;
    padding: 0;
    margin-top: 3.2rem;
  }
  .smart-container > .aside .more-tips-container {
    gap: 1.6rem;
  }
}
@media (max-width: 991px) {
  .smart-container {
    display: flex;
    flex-flow: column;
  }
}

[data-content-id="404"] {
  container-type: inline-size;
  /** The trimming of the last child should be handled by the markdown component */
}
[data-content-id="404"] section {
  display: grid;
  gap: 1.6rem;
}
[data-content-id="404"] section > div {
  display: grid;
  gap: 1.6rem;
}
@supports (container: inline-size) {
  @container (min-width: 768px) {
    [data-content-id="404"] section {
      grid-template-columns: 1fr 1fr;
      gap: 3.2rem;
    }
    [data-content-id="404"] section > div {
      gap: 2.4rem;
      padding: 2.4rem;
    }
  }
}
[data-content-id="404"] .web-markdown p:last-child {
  --paragraph-margin-block-start: 0;
  --paragraph-margin-block-end: 0;
}
[data-content-id="404"] .web-image {
  justify-self: center;
}

.web-balloon {
  --background-color: #ffffff;
  --border-color: #f173ac;
  --padding: 1.6rem;
  --border-width: 2px;
  --border-radius: 1rem;
  --arrow-size: 18px;
  --arrow-dullness: 0.7;
  --start-position: 10px;
  --middle-position: calc(50% - var(--arrow-size) / 2);
  --end-position: calc(100% - var(--arrow-size) - 10px);
  position: relative;
  background-color: var(--background-color);
  padding: var(--padding);
  border: var(--border-width) solid var(--border-color);
  border-radius: var(--border-radius);
}
.web-balloon.secondary {
  --background-color: #f6f6f6;
  --border-color: transparent;
}
.web-balloon.padding-none {
  --padding: 0;
}
.web-balloon.padding-small {
  --padding: 0.4rem;
}
.web-balloon.padding-medium {
  --padding: 0.8rem;
}
.web-balloon.padding-large {
  --padding: 1.6rem;
}
.web-balloon::before, .web-balloon::after {
  content: " ";
  position: absolute;
  width: var(--arrow-size);
  height: var(--arrow-size);
  left: var(--left-position);
  top: var(--top-position);
  transform: rotate(var(--arrow-rotation));
  --arrow-height: calc(var(--arrow-dullness) * 100%);
  clip-path: polygon(55% 2%, 50% 0%, 45% 2%, 0% var(--arrow-height), 100% var(--arrow-height));
}
.web-balloon::before {
  background-color: var(--border-color);
}
.web-balloon::after {
  --arrow-offset: calc(var(--border-width) * 2);
  transform: rotate(var(--arrow-rotation)) translate(0, var(--arrow-offset));
  background-color: var(--background-color);
}
.web-balloon.top-left, .web-balloon.top-middle, .web-balloon.top-right {
  --arrow-rotation: 0deg;
  --top-position: calc(var(--arrow-dullness) * -1 * var(--arrow-size));
}
.web-balloon.right-top, .web-balloon.right-middle, .web-balloon.right-bottom {
  --arrow-rotation: 90deg;
  --left-position: calc(calc(100% - calc(var(--arrow-size) / 2)) + calc(var(--border-width) * 2));
}
.web-balloon.bottom-left, .web-balloon.bottom-middle, .web-balloon.bottom-right {
  --arrow-rotation: 180deg;
  --top-position: calc(calc(100% - calc(var(--arrow-size) / 2)) + calc(var(--border-width) * 2));
}
.web-balloon.left-top, .web-balloon.left-middle, .web-balloon.left-bottom {
  --arrow-rotation: 270deg;
  --left-position: calc(var(--arrow-dullness) * -1 * calc(var(--arrow-size) + calc(var(--border-width))));
}
@media (min-width: 768px) {
  .web-balloon.left-top, .web-balloon.left-middle, .web-balloon.left-bottom {
    --left-position: calc(var(--arrow-dullness) * -1 * var(--arrow-size));
  }
}
.web-balloon.top-left, .web-balloon.bottom-left {
  --left-position: var(--start-position);
}
.web-balloon.top-middle, .web-balloon.bottom-middle {
  --left-position: var(--middle-position);
}
.web-balloon.top-right, .web-balloon.bottom-right {
  --left-position: var(--end-position);
}
.web-balloon.right-top, .web-balloon.left-top {
  --top-position: var(--start-position);
}
.web-balloon.right-middle, .web-balloon.left-middle {
  --top-position: var(--middle-position);
}
.web-balloon.right-bottom, .web-balloon.left-bottom {
  --top-position: var(--end-position);
}

.breadcrumb {
  --breadcrumb-color: var(--component-breadcrumb-color, #222222);
  --breadcrumb-color-last-item: var(--component-breadcrumb-color-last-item, #585750);
  --breadcrumb-font-size: var(--component-breadcrumb-font-size, 1.7rem);
  --breadcrumb-gap-items: var(--component-breadcrumb-gap-items, 0.8rem);
  --breadcrumb-gap-item: var(--component-breadcrumb-gap-item, 0.4rem);
  --breadcrumb-icon-size: 1.4rem;
}

.breadcrumb {
  --color: var(--breadcrumb-color, #222);
  --color-last-item: var(--breadcrumb-color-last-item, #5b5a54);
  --font-size: var(--breadcrumb-font-size, 12px);
  --gap-items: var(--breadcrumb-gap-items, 8px);
  --gap-item: var(--breadcrumb-gap-item, 4px);
  --icon-start-size: var(--breadcrumb-icon-size, 1.4rem);
  margin: -1.6rem 0 -1.6rem 0;
}
.breadcrumb ul,
.breadcrumb li {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-items);
}
.breadcrumb ul {
  list-style: none;
  padding-inline-start: 0;
}
.breadcrumb ul li {
  --gap: var(--gap-item);
  color: var(--color);
  font-size: var(--font-size);
  line-height: 1.5;
  display: none;
  padding: 0;
}
.breadcrumb ul li a {
  color: var(--color);
  text-decoration: none;
  padding: 1.2rem 0;
}
.breadcrumb ul li:last-child {
  --color: var(--color-last-item);
  display: flex;
}
.breadcrumb ul li .chevron {
  height: var(--icon-start-size);
  width: var(--icon-start-size);
  margin-right: var(--gap);
}
@media (min-width: 768px) {
  .breadcrumb ul li {
    display: flex;
  }
  .breadcrumb ul li:not(:first-child)::before {
    content: ">";
    padding: 1.2rem 0;
    line-height: 1.5;
  }
  .breadcrumb ul li .chevron {
    display: none;
  }
}

a.button,
button.button,
web-button > button {
  --box-shadow-offset: 0.3rem;
  --color-background: #f173ac;
  --color-border: transparent;
  --color-text: #ffffff;
  --color-box-shadow: #bf417a;
  --color-fill: #ffffff;
  --cursor: pointer;
  --font-size: 1.7rem;
  --line-height: 1.6;
  --spacing-padding-block: 0.8rem;
  --spacing-padding-inline: 2.4rem;
  --display: inline-flex;
  --icon-start-size: 3.2rem;
  --icon-end-size: 3.2rem;
  --font-family: inshared_sans_bold, Adjusted Arial Bold Fallback, sans-serif;
  --font-weight: 700;
  align-items: center;
  background-color: var(--color-background);
  border: 0.2rem solid var(--color-border);
  border-radius: 0.3rem;
  box-shadow: var(--box-shadow-offset) var(--box-shadow-offset) var(--color-box-shadow);
  color: var(--color-text);
  cursor: var(--cursor);
  display: var(--display);
  fill: var(--color-fill);
  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  gap: 0.8rem;
  justify-content: center;
  line-height: var(--line-height);
  padding: var(--spacing-padding-block) var(--spacing-padding-inline);
  text-decoration: none;
  text-align: center;
  transition: all 0.2s ease;
  -webkit-user-select: none;
          user-select: none;
}
@media (min-width: 576px) {
  a.button,
  button.button,
  web-button > button {
    --display: inline-flex;
    width: fit-content;
  }
}
a.button[disabled]:active,
button.button[disabled]:active,
web-button > button[disabled]:active {
  transform: none;
}
a.button web-icon,
button.button web-icon,
web-button > button web-icon {
  width: auto;
}
a.button web-icon.icon-start,
button.button web-icon.icon-start,
web-button > button web-icon.icon-start {
  --icon-height: var(--icon-start-size);
  --icon-width: var(--icon-start-size);
  justify-content: flex-end;
}
a.button web-icon.icon-end,
button.button web-icon.icon-end,
web-button > button web-icon.icon-end {
  --icon-height: var(--icon-end-size);
  --icon-width: var(--icon-end-size);
  justify-content: flex-start;
}

.button.button-primary:hover, .button.button-primary:focus {
  --color-background: #0d7ff4;
  --color-box-shadow: #0966c5;
  --color-fill: #ffffff;
  --color-text: #ffffff;
}
.button.button-primary:active {
  --color-background: #0966c5;
  --color-box-shadow: none;
  --color-fill: #ffffff;
  --color-text: #ffffff;
  translate: var(--box-shadow-offset) var(--box-shadow-offset);
}
.button.button-primary[disabled] {
  --color-background: #dadada;
  --color-text: #888780;
  --color-box-shadow: #b8b7b3;
  --color-fill: #b8b7b3;
  --cursor: not-allowed;
  pointer-events: none;
}

.button.button-secondary {
  --color-background: #ffffff;
  --color-border: #b8b7b3;
  --color-text: #222222;
  --color-box-shadow: #b8b7b3;
  --color-fill: #222222;
}
.button.button-secondary:hover, .button.button-secondary:focus {
  --color-text: #0966c5;
  --color-fill: #0966c5;
}
.button.button-secondary:active {
  --color-text: #0966c5;
  --color-box-shadow: none;
  --color-fill: #0966c5;
  translate: var(--box-shadow-offset) var(--box-shadow-offset);
}
.button.button-secondary[disabled] {
  --color-background: #ffffff;
  --color-text: #b8b7b3;
  --color-box-shadow: #b8b7b3;
  --color-fill: #b8b7b3;
  --cursor: not-allowed;
}

.button.button-plain {
  --color-background: transparent;
  --color-text: #f173ac;
  --font-family: casino_hand, cursive;
  --font-size: 2rem;
  --font-weight: 400;
  --spacing-padding-inline: 0;
  --spacing-padding-block: 0;
  box-shadow: none;
  text-decoration: underline;
}

.button.button-extra-small {
  --font-size: 1.4rem;
  --icon-start-size: 1.6rem;
  --icon-end-size: 1.6rem;
  --spacing-padding-block: 0.8rem;
  --spacing-padding-inline: 1.6rem;
}

.button.button-small {
  --font-size: 1.6rem;
  --icon-start-size: 2.4rem;
  --icon-end-size: 1.6rem;
  --spacing-padding-block: 0.8rem;
  --spacing-padding-inline: 1.6rem;
}

.button.button-large {
  --font-size: 1.7rem;
  --icon-start-size: 2.4rem;
  --icon-end-size: 2.4rem;
  --spacing-padding-block: 0.8rem;
  --spacing-padding-inline: 2.4rem;
}

.button.button-full-width {
  --display: flex;
  width: auto;
}

web-button button.button.button-full-width {
  width: 100%;
}

.web-card {
  --web-card-padding: 1.6rem 1.6rem;
  --web-card-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.1);
  --web-card-border-width: 0;
  --web-card-border-color: #dadada;
  --web-card-border-radius: 0.8rem;
  --web-card-background-color: #ffffff;
  --web-card-highlight-background: #f173ac;
  --web-card-highlight-color: #ffffff;
  --web-card-highlight-padding: 0.4rem 1.6rem;
  --web-card-icon-background: #f173ac;
  --web-card-icon-color: #ffffff;
  --web-card-columns: 1fr;
  --web-card-rows: 1fr;
  position: relative;
  overflow: hidden;
  border: var(--web-card-border-width) solid var(--web-card-border-color);
  border-radius: var(--web-card-border-radius);
  background-color: var(--web-card-background-color);
  box-shadow: var(--web-card-shadow);
  display: grid;
  grid-template-columns: var(--web-card-columns);
  grid-template-rows: var(--web-card-rows);
}
@media (min-width: 800px) {
  .web-card {
    --web-card-padding: 2.4rem 2.4rem;
  }
}
.web-card .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.web-card > .content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 1.6rem;
  padding: var(--web-card-padding);
}
.web-card > .content > web-icon {
  --icon-width: 48px;
  --icon-height: 48px;
  justify-self: center;
  align-self: center;
}
.web-card > .content a:not([data-card-link]) {
  position: relative;
  z-index: 3;
}
.web-card > .content a[data-card-link]::after {
  z-index: 1;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-indent: -1000em;
  overflow: hidden;
}
.web-card:has(.highlight) {
  overflow: visible;
}
.web-card:has(.highlight) .highlight {
  position: absolute;
  top: 0;
  left: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  background: var(--web-card-highlight-background);
  color: var(--web-card-highlight-color);
  padding: var(--web-card-highlight-padding);
  box-shadow: var(--web-card-shadow);
  white-space: nowrap;
}
.web-card:has(web-icon) .image-wrapper {
  position: relative;
}
.web-card:has(web-icon) .image-wrapper web-icon {
  --icon-width: 1.6rem;
  --icon-height: 1.6rem;
  position: absolute;
  right: 2.4rem;
  top: 50%;
  width: 5.4rem;
  height: 5.4rem;
  background: var(--web-card-icon-background);
  border-radius: 100%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.web-card:has(web-icon) .image-wrapper web-icon svg {
  color: var(--web-card-icon-color);
}
.web-card.alternate {
  --web-card-background-color: #f6f6f6;
}
.web-card.classic {
  --web-card-background-color: #ffffff;
  --web-card-padding: 1.6rem;
  --web-card-border-width: 0.2rem;
  --web-card-shadow: none;
}
.web-card.no-shadow {
  --web-card-shadow: none;
}
.web-card.no-background {
  --web-card-shadow: none;
  --web-card-background-color: transparent;
}
.web-card.no-appearance {
  --web-card-padding: 0;
  --web-card-shadow: none;
  --web-card-background-color: transparent;
  overflow: visible;
}
.web-card.text-align-center {
  text-align: center;
}
.web-card.image-top {
  --web-card-columns: 1fr;
  --web-card-rows: 16rem 1fr;
}
.web-card.image-left {
  --web-card-columns: 2fr 3fr;
}
.web-card.image-right {
  --web-card-columns: 1fr;
}
.web-card.image-right .image-wrapper {
  order: 2;
}
@media (min-width: 800px) {
  .web-card.image-right {
    --web-card-columns: 3fr 2fr;
    grid-template-columns: var(--web-card-columns);
  }
}

.category-tile {
  flex-grow: 0;
  flex-shrink: 0;
  border: 0.2rem solid #b8b7b3;
  box-shadow: 0.3rem 0.3rem 0 #b8b7b3;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  background-color: #ffffff;
  display: flex;
  overflow: hidden;
}
.category-tile:focus, .category-tile:active, .category-tile:hover {
  color: #f173ac;
}

.category-tile--desktop {
  padding: 1.6rem;
  border-radius: 0.6rem;
  height: 16.5rem;
  width: 16.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.category-tile--desktop .icon {
  width: 40%;
}

.category-tile--mobile {
  padding: 0.8rem 1.6rem;
  width: 100%;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.8rem;
}
.category-tile--mobile .icon {
  max-height: 100%;
  max-width: 3.2rem;
}

.tile-list .tile-list-section {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.tile-list .tile-list-section li {
  list-style: none;
}
.tile-list .title-list-section--second {
  margin-top: 1.6rem;
}
.tile-list #showMore {
  display: none;
}
.tile-list #showMore + ul {
  transition: all 0.5s ease;
  overflow: hidden;
  max-height: 0;
  padding: 0 0.4rem 0 0;
}
.tile-list #showMore + ul + label {
  display: flex;
}
.tile-list #showMore + ul + label + label {
  display: none;
}
.tile-list #showMore:checked + ul {
  padding: 0 0.4rem 0.4rem 0;
  max-height: 100rem;
}
.tile-list #showMore:checked + ul + label {
  display: none;
}
.tile-list #showMore:checked + ul + label + label {
  display: flex;
}
.tile-list label {
  padding: 1.6rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  cursor: pointer;
  color: #f173ac;
  font-family: casino_hand, cursive;
  font-size: 2.2rem;
  text-decoration: underline;
  z-index: 1;
}
.tile-list label svg {
  height: 1.6rem;
  width: 1.6rem;
  color: #f173ac;
  fill: #f173ac;
}
.tile-list label:hover {
  color: #0d7ff4;
}
.tile-list label:hover svg {
  color: #0d7ff4;
  fill: #0d7ff4;
}

.content-header {
  --gap: 2rem;
  --content-row-gap: 1rem;
  --text-gap: 1rem;
  --image-max-height: initial;
  --image-max-width: 100%;
  --image-display: none;
  --image-align: end;
  --image-justify: end;
  display: grid;
  column-gap: var(--gap);
  row-gap: var(--gap);
  grid-template-areas: "content" "image";
}
@media (min-width: 768px) {
  .content-header {
    grid-template-areas: "content image";
  }
}
.content-header .button {
  height: fit-content;
}
.content-header--content {
  grid-area: content;
  display: flex;
  flex-direction: column;
  gap: var(--content-row-gap);
}
.content-header--text {
  display: flex;
  flex-direction: column;
  gap: var(--text-gap);
  height: fit-content;
}
@media (max-width: 799px) {
  .content-header--text a {
    display: inline-block;
    padding: 1.3rem;
    margin: -1.3rem;
  }
}
.content-header--image {
  grid-area: image;
  align-self: var(--image-align);
}
.content-header--image img {
  display: var(--image-display);
  justify-self: var(--image-justify);
  max-height: var(--image-max-height);
  max-width: var(--image-max-width);
  object-fit: cover;
  width: 100%;
}
@media (min-width: 768px) {
  .content-header--image img {
    --image-align: end;
    --image-display: block;
    --image-justify: end;
    --image-max-height: 20rem;
    align-self: end;
    justify-self: end;
    width: auto;
  }
}

.web-content-section {
  --web-content-section-padding: 4.8rem 0;
  --web-content-section-content-width: auto;
  --web-content-section-content-gap: 1.6rem 4.8rem;
  --web-content-section-sticky-margin: 2.4rem;
  padding: var(--web-content-section-padding);
  grid-column: page-start/page-end !important;
  padding-inline: 1.6rem;
  border-bottom: 1px solid #dadada;
}
@media (min-width: 768px) {
  .web-content-section {
    padding-inline: 0;
  }
}
.web-content-section .web-content-section-container {
  width: var(--web-content-section-content-width);
  gap: var(--web-content-section-content-gap);
  margin: auto;
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 992px) {
  .web-content-section .web-content-section-container {
    grid-template-columns: 3fr 1fr;
  }
}
.web-content-section .web-content-section-main {
  order: 2;
}
@media (min-width: 992px) {
  .web-content-section .web-content-section-main {
    order: unset;
  }
}
.web-content-section .web-content-section-aside {
  padding-top: 2.4rem;
}
.web-content-section .web-content-section-aside .web-list a {
  grid-template-columns: auto;
}
@media (min-width: 992px) {
  .web-content-section .web-content-section-aside .web-content-section-scroll {
    position: sticky;
    top: var(--web-content-section-sticky-margin);
  }
}

body:has(.web-sticky-footer) .web-content-section {
  --web-content-section-sticky-margin: 140px;
}

.faq-categories .accordion-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.6rem;
  margin-top: 2.4rem;
}
.faq-categories .accordion-container .accordion-content {
  padding-bottom: 0.4rem;
}
.faq-categories .accordion-container .content {
  display: grid;
}
.faq-categories .accordion-container .content a {
  display: inline-block;
  padding: 1rem 0;
}
.faq-categories .accordion-container .large {
  grid-column: span 1;
}
@media (min-width: 768px) {
  .faq-categories .accordion-container {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .faq-categories .accordion-container .large {
    grid-column: span 2;
  }
  .faq-categories .accordion-container .large .content {
    grid-template-columns: repeat(2, 1fr);
  }
  .faq-categories .accordion-container web-accordion {
    --pointer-events: none;
    --icon-content: "";
    --content-display: block;
    --heading-font-weight: 700;
  }
}
@media (min-width: 992px) {
  .faq-categories .accordion-container {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.faq-categories .accordion-container web-accordion {
  --border-color: #f173ac;
}
.faq-categories .accordion-container web-accordion.is-open {
  --heading-font-weight: 700;
}

.footer .top-container {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin: 2.4rem 0;
}
@media (min-width: 768px) {
  .footer .top-container {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .footer .top-container {
    margin-top: 0;
    margin-bottom: 6rem;
  }
}
.footer .top-container .content-section {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.6rem;
  margin-right: 0;
}
.footer .top-container .content-section .h4 {
  color: #f173ac;
}
@media (min-width: 768px) {
  .footer .top-container .content-section {
    margin-bottom: 0;
    margin-right: 2.4rem;
    width: 33%;
  }
  .footer .top-container .content-section p {
    font-size: 1.7rem;
  }
}
.footer .top-container .image-section {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: auto;
}
@media (min-width: 768px) {
  .footer .top-container .image-section {
    width: 67%;
  }
}
.footer .top-container .image-section img {
  cursor: pointer;
}
.footer .top-container .image-section ul {
  display: flex;
  flex-direction: row-reverse;
  gap: var(--spacing-xl);
  padding-left: 0;
  margin: 0;
  list-style: none;
}
@media (min-width: 992px) {
  .footer .top-container .image-section ul {
    flex-direction: row;
  }
}
.footer .top-container .image-section ul li a picture {
  max-width: 4rem;
}
@media (min-width: 992px) {
  .footer .top-container .image-section ul li a picture {
    max-width: 10rem;
  }
}
.footer .top-container .image-section .social-container {
  position: relative;
  margin-left: 2.4rem;
  margin-top: 0.6rem;
}
.footer .top-container .image-section .social-container p {
  display: none;
  font-family: casino_hand, cursive;
  font-size: 2.5rem;
  color: #f173ac;
  margin-left: 4rem;
}
@media (min-width: 992px) {
  .footer .top-container .image-section .social-container p {
    display: block;
  }
}
.footer .top-container .image-section .social-container ul {
  gap: 0;
  padding-left: 3.5rem;
  padding-top: 0.4rem;
}
.footer .top-container .image-section .social-container web-icon {
  --icon-height: 6rem;
  --icon-width: 6rem;
  color: #f173ac;
}
.footer .top-container .image-section .social-container web-icon.arrow-icon svg {
  display: none;
  position: absolute;
  top: 1rem;
  left: -1.6rem;
}
@media (min-width: 992px) {
  .footer .top-container .image-section .social-container web-icon.arrow-icon svg {
    display: inline;
  }
}
.footer .top-container .image-section .social-container web-icon.social-icon {
  --icon-height: 4rem;
  --icon-width: 4rem;
}
@media (min-width: 768px) {
  .footer .top-container .image-section .social-container web-icon.social-icon {
    --icon-height: 6rem;
    --icon-width: 6rem;
  }
}
.footer .link-section ul {
  padding: 0;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .footer .link-section ul {
    display: grid;
    gap: 0 var(--spacing-xl);
    grid-template-columns: repeat(3, minmax(1px, 1fr));
    grid-template-rows: repeat(6, auto);
    grid-auto-flow: column;
    font-size: 1.6rem;
  }
}
.footer .link-section ul:first-child {
  border-top: 0.1rem solid #dadada;
}
@media (min-width: 768px) {
  .footer .link-section ul {
    border-top: 0.1rem solid #dadada;
  }
}
.footer .link-section ul li {
  display: inline-block;
  width: 100%;
  border-bottom: 0.1rem solid #dadada;
  padding: 0;
}
@media (min-width: 768px) {
  .footer .link-section ul li {
    display: list-item;
    list-style: none;
  }
}
.footer .link-section ul li a {
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  color: #222222;
  padding: 1.2rem 0;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}
.footer .link-section ul li a:hover {
  color: #0d7ff4;
}
.footer .company-section {
  display: flex;
  padding: 1.5rem 0;
}
@media (min-width: 576px) {
  .footer .company-section {
    justify-content: flex-end;
  }
}
.footer .company-section .company-image {
  width: 30rem;
}

.web-heading span, h1 span, h2 span, h3 span, h4 span, .h1 span, .h2 span, .h3 span, .h4 span {
  color: var(--web-heading-accent-color, #f173ac);
}

web-icon,
web-ngicon {
  --icon-height: 1.6rem;
  --icon-width: 1.6rem;
  height: fit-content;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
}
web-icon svg,
web-ngicon svg {
  aspect-ratio: 1;
  height: var(--icon-height);
  width: var(--icon-width);
  max-width: fit-content;
}

.web-image {
  --web-image-object-fit: cover;
  --web-image-caption-padding: 0.4rem 0;
  --web-image-caption-font-size: 1.2rem;
  box-sizing: border-box;
  width: auto;
  max-inline-size: 100%;
  block-size: auto;
  object-fit: var(--web-image-object-fit);
}
.web-image a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
.web-image img {
  height: 100%;
  width: 100%;
  object-fit: var(--web-image-object-fit);
}
.web-image figcaption {
  padding: var(--web-image-caption-padding);
  font-size: var(--web-image-caption-font-size);
  align-self: flex-start;
}

.web-images {
  justify-items: center;
  align-items: center;
  gap: 1.6rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  width: 100%;
}
.web-images img {
  width: revert-layer;
  height: auto;
  object-fit: cover;
}

a,
a.link {
  --color-text: #222222;
  --color-fill: #222222;
  --display: inline-flex;
  --font-family: inshared_sans_regular, Adjusted Arial Fallback, sans-serif;
  --font-size-medium: 1.6rem;
  --font-size-large: 1.7rem;
  --cursor: pointer;
  --color-fill-icon-start: #f173ac;
  --color-fill-icon-end: #f173ac;
  --link-gap: 0;
  --text-decoration: underline;
  --link-icon-height: 1.6rem;
  --link-icon-width: 1.6rem;
  color: var(--color-text);
  cursor: var(--cursor);
  display: var(--display);
  fill: var(--color-fill);
  font-family: var(--font-family);
  font-size: var(--font-size-medium);
  font-weight: 400;
  line-height: 1.5;
  min-height: 2.4rem;
  gap: var(--link-gap);
  -webkit-text-decoration: var(--text-decoration);
          text-decoration: var(--text-decoration);
  -webkit-user-select: none;
          user-select: none;
  align-items: center;
}
@media (min-width: 800px) {
  a,
  a.link {
    font-size: var(--font-size-large);
  }
}
a:hover, a:focus,
a.link:hover,
a.link:focus {
  --color-text: #0d7ff4;
  --color-fill: #0d7ff4;
}
a:active,
a.link:active {
  --color-text: #0966c5;
  --color-box-shadow: none;
  --color-fill: #0966c5;
}
a[disabled],
a.link[disabled] {
  --color-text: #b8b7b3;
  --color-fill: #b8b7b3;
  --cursor: not-allowed;
}
a:has(web-icon, .link-icon),
a.link:has(web-icon, .link-icon) {
  --link-gap: 0.4rem;
}
a > web-icon,
a.link > web-icon {
  --icon-height: var(--link-icon-height);
  --icon-width: var(--link-icon-width);
}

a.link.link-primary {
  --color-text: #f173ac;
  --color-fill: #f173ac;
  --text-decoration: none;
  align-items: center;
}
a.link.link-primary:hover, a.link.link-primary:focus {
  --color-text: #0d7ff4;
  --color-fill: #0d7ff4;
  --text-decoration: underline;
}
a.link.link-primary:active {
  --color-text: #0966c5;
  --color-box-shadow: none;
  --color-fill: #0966c5;
}
a.link.link-primary[disabled] {
  --color-text: #b8b7b3;
  --color-fill: #b8b7b3;
  --cursor: not-allowed;
}

a.link.link-secondary {
  --color-text: #f173ac;
  --color-fill: #f173ac;
  --font-family: casino_hand, cursive;
  --font-size: calc(1.6rem * 1.2);
}
a.link.link-secondary:hover, a.link.link-secondary:focus {
  --color-text: #0d7ff4;
  --color-fill: #0d7ff4;
}
a.link.link-secondary:active {
  --color-text: #0966c5;
  --color-box-shadow: none;
  --color-fill: #0966c5;
}
a.link.link-secondary[disabled] {
  --color-text: #b8b7b3;
  --color-fill: #b8b7b3;
  --cursor: not-allowed;
}
@media screen and (min-width: 576px) {
  a.link.link-secondary {
    font-size: calc(1.7rem * 1.2);
  }
}

a.link.link-full-width {
  --display: flex;
}

a.link > span:not(.link-text) {
  line-height: 2rem;
  margin-top: 0.32rem;
}

.web-list {
  --web-list-icon-start-size: 2.4rem;
  --web-list-icon-end-size: 2.4rem;
  --web-list-icon-color: #f173ac;
  --web-list-icon-gap: 0.8rem;
  --web-list-border-color: #dadada;
  --web-list-padding-block: 1.2rem;
  --web-list-border-width: 0.1rem;
  --web-list-number-font: casino_hand, cursive;
  --web-list-number-size: 2rem;
  --web-list-columns: 1;
  margin: 0;
  padding-left: 0;
  width: 100%;
  list-style-type: none;
}
.web-list li {
  border-bottom: 0 solid var(--web-list-border-color);
  break-inside: avoid-column;
}
.web-list li:not(:has(a)),
.web-list li a {
  display: grid;
  grid-auto-flow: column;
  gap: var(--web-list-icon-gap);
  padding-block: var(--web-list-padding-block);
  align-items: center;
}
.web-list li:not(:has(a)):has(.icon-start),
.web-list li a:has(.icon-start) {
  grid-template-columns: max-content;
}
.web-list li web-icon,
.web-list li web-ngicon {
  color: var(--web-list-icon-color);
}
.web-list li web-icon.icon-start,
.web-list li web-ngicon.icon-start {
  --icon-width: var(--web-list-icon-start-size);
  --icon-height: var(--web-list-icon-start-size);
}
.web-list li web-icon.icon-end,
.web-list li web-ngicon.icon-end {
  --icon-width: var(--web-list-icon-end-size);
  --icon-height: var(--web-list-icon-end-size);
  justify-self: end;
}
.web-list.stroked li {
  border-bottom-width: var(--web-list-border-width);
}
@media (min-width: 992px) {
  .web-list.vertical {
    column-count: var(--web-list-columns);
  }
}
.web-list.horizontal {
  --web-list-padding-block: 0.8rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 799px) {
  .web-list.horizontal {
    flex-direction: row;
    gap: 0.8rem;
  }
}
.web-list.button-bar {
  --web-list-icon-start-size: 40px;
  display: grid;
  grid-auto-flow: row;
  gap: 1.6rem;
}
@media (min-width: 992px) {
  .web-list.button-bar {
    grid-template-columns: repeat(var(--web-list-columns), 1fr);
  }
}
.web-list.button-bar li a {
  padding: 3.2rem 2.4rem;
  background: #ffffff;
  border-radius: 0.8rem;
  height: 100%;
  align-items: flex-start;
}
.web-list.button-bar li a web-icon {
  transform: translateY(calc(0px + var(--line-height-spacing) * 2 - var(--icon-height) / 2));
}
.web-list.button-grid {
  --web-list-icon-start-size: 75px;
  display: grid;
  gap: 1.6rem;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}
@media (min-width: 992px) {
  .web-list.button-grid {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  }
}
.web-list.button-grid li a {
  grid-auto-flow: row;
  grid-template-columns: auto;
  justify-content: center;
  justify-items: center;
  text-align: center;
}
.web-list.numbered {
  counter-reset: list-counter;
}
.web-list.numbered li:not(:has(a)),
.web-list.numbered li a {
  position: relative;
}
.web-list.numbered li:not(:has(a))::before,
.web-list.numbered li a::before {
  display: inline-block;
  margin-inline-end: 0.8rem;
  min-width: 1.6rem;
  color: var(--web-list-icon-color);
  font-family: var(--web-list-number-font);
  font-size: var(--web-list-number-size);
  content: counter(list-counter) ".";
  counter-increment: list-counter;
}
.web-list.numbered web-icon.icon-start {
  display: none;
}

.web-logo-list {
  --web-logo-list-border-color: #b8b7b3;
  --web-logo-list-max-image-width: 130px;
}
.web-logo-list dt {
  padding: 2.4rem 1.6rem 0;
  justify-items: center;
}
.web-logo-list dt .web-image {
  max-width: var(--web-logo-list-max-image-width);
}
.web-logo-list dd {
  border-bottom: 1px solid var(--web-logo-list-border-color);
  padding: 2.4rem 1.6rem 1.6rem;
}
@media (min-width: 768px) {
  .web-logo-list {
    display: grid;
    grid-template-columns: 280px auto;
  }
  .web-logo-list dt {
    border-bottom: 1px solid var(--web-logo-list-border-color);
  }
  .web-logo-list dt,
  .web-logo-list dd {
    padding: 4.8rem 0;
    align-content: center;
  }
}

.web-markdown {
  --paragraph-margin-block-start: 1.6rem;
  --paragraph-margin-block-end: 3.2rem;
}
.web-markdown.highlighted {
  padding: 2.4rem 1.6rem;
  background: #f6f6f6;
  border-radius: 0.8rem;
}
.web-markdown h1 strong,
.web-markdown h2 strong,
.web-markdown h3 strong,
.web-markdown h4 strong {
  color: #f173ac;
}
.web-markdown a.link {
  text-decoration: underline;
}
.web-markdown article img {
  width: 100%;
}
.web-markdown p,
.web-markdown .content {
  margin-bottom: var(--paragraph-margin-block-end);
  margin-top: var(--paragraph-margin-block-start);
}
.web-markdown p.caption {
  font-size: 1.4rem;
}
.web-markdown ol {
  --list-offset: var(--spacing-xxl);
  padding-inline-start: var(--list-offset);
  margin-bottom: var(--spacing-xl);
  margin-top: var(--paragraph-margin-block-start);
}
.web-markdown ol li {
  margin-bottom: 0.8rem;
}
.web-markdown ul {
  padding-inline-start: 0.8rem;
  margin-bottom: var(--spacing-xl);
  margin-top: var(--paragraph-margin-block-start);
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.web-markdown ul li {
  --bullet-size: 8px;
  --bullet-offset: 8px;
  --list-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="%23f173ac"><path d="M29.67,10.49a12,12,0,0,0-5.82-8A11.83,11.83,0,0,0,14,1.75a4.28,4.28,0,0,0-2.26,1.89A23.45,23.45,0,0,0,7.17,8.19c-.46.54-.9,1.07-1.33,1.53a7.28,7.28,0,0,1-.56.52A9.15,9.15,0,0,0,2,14.93C1,19.5,4.63,23.27,6.8,25.51l.53.56A14.51,14.51,0,0,0,18.19,31l1.27,0c3.26,0,6.13-.73,8.34-5.21A24.47,24.47,0,0,0,29.67,10.49Z"></path></svg>');
  --list-offset: var(--spacing-xxl);
  background: var(--list-icon) no-repeat;
  background-position: 0 var(--bullet-offset);
  background-size: var(--bullet-size);
  padding-left: var(--list-offset);
  list-style-type: none;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: normal;
}
.web-markdown table {
  border-collapse: collapse;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: normal;
}
.web-markdown table th,
.web-markdown table td {
  border: solid #dadada;
  border-width: 1px 1px 0 0;
  padding: 0.8rem 1.6rem;
  text-align: left;
}
.web-markdown table th:last-child,
.web-markdown table td:last-child {
  border-right: 0;
}
.web-markdown table thead th {
  border-top: 0;
}
.web-markdown table tbody th,
.web-markdown table tbody td:first-child {
  padding-left: 0;
}
.web-markdown web-tooltip {
  color: #f173ac;
  text-decoration: underline;
  cursor: pointer;
}
.web-markdown :first-child {
  margin-top: 0;
}
.web-markdown :last-child {
  margin-bottom: 0;
}

.web-page-header {
  --web-page-header-padding-top: 180px;
  --web-page-header-content-width: auto;
  --web-page-header-content-margin-inline: auto;
  --web-page-header-content-columns: 3fr 2fr;
  --web-page-header-content-gap: 2.4rem 4.8rem;
  --web-page-header-background: #f6f6f6;
  --web-page-header-content: rgba(255, 255, 255, 0.95);
  --_radius: 0.8rem;
  padding: var(--web-page-header-padding-top) 1.6rem 4.8rem;
  background-color: var(--web-page-header-background);
  background-repeat: no-repeat;
  background-image: var(--web-page-header-mobile);
}
@media (min-width: 576px) {
  .web-page-header {
    background-image: var(--web-page-header-desktop);
  }
}
@media (min-width: 992px) {
  .web-page-header {
    --web-page-header-padding-top: 200px;
    padding-inline: 0;
  }
}
.web-page-header .web-page-header-content {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.web-page-header.appearance-content {
  --web-page-header-padding-top: 144px;
}
.web-page-header.appearance-content .web-page-header-container {
  grid-template-columns: 3fr 1fr;
}
.web-page-header.appearance-content .web-page-header-container .web-markdown p,
.web-page-header.appearance-content .web-page-header-container .web-markdown a {
  font-family: inshared_sans_medium, Adjusted Arial Bold Fallback, sans-serif;
  font-weight: 500;
  font-size: 1.9rem;
}
.web-page-header.appearance-content .web-page-header-container .web-page-header-aside {
  display: none;
}
.web-page-header.appearance-product .web-page-header-container, .web-page-header.appearance-content .web-page-header-content {
  padding: 3.2rem;
  border-radius: var(--_radius);
  background: var(--web-page-header-content);
}
@media (max-width: 992px) {
  .web-page-header.appearance-product {
    --web-page-header-padding-top: 4.8rem;
  }
}
@media (max-width: 992px) {
  .web-page-header.appearance-product.has-badge {
    --web-page-header-padding-top: 180px;
  }
}
.web-page-header.appearance-product .web-page-header-aside {
  position: relative;
}
@media (min-width: 992px) {
  .web-page-header.appearance-product .web-page-header-aside {
    --web-page-header-padding-top: 180px;
  }
  .web-page-header.appearance-product .web-page-header-aside::before {
    content: "";
    position: absolute;
    left: calc(4.8rem / -2);
    top: 0;
    height: 100%;
    width: 1px;
    background: #f6f6f6;
  }
}
.web-page-header.appearance-homepage {
  --web-page-header-padding-top: 181px;
  --web-page-header-content-columns: 2fr 1fr;
  background-color: #fce3ee;
}
.web-page-header.appearance-homepage .web-page-header-container {
  gap: 0;
}
.web-page-header.appearance-homepage .web-page-header-content {
  padding: 3.2rem;
  border-radius: var(--_radius) var(--_radius) 0 0;
  background: #ffffff;
}
.web-page-header.appearance-homepage .web-page-header-content .web-list {
  order: 1;
}
.web-page-header.appearance-homepage.car-puppet .web-page-header-content {
  padding-top: 5rem;
}
@media (min-width: 992px) {
  .web-page-header.appearance-homepage.car-puppet .web-page-header-content {
    padding-top: 3.2rem;
  }
}
.web-page-header.appearance-homepage .web-page-header-aside {
  padding: 3.2rem;
  border-radius: 0 0 var(--_radius) var(--_radius);
  background: #f6f6f6;
}
@media (min-width: 992px) {
  .web-page-header.appearance-homepage {
    --web-page-header-padding-top: 86px;
  }
  .web-page-header.appearance-homepage .web-page-header-content {
    border-radius: var(--_radius) 0 0 var(--_radius);
  }
  .web-page-header.appearance-homepage .web-page-header-content .web-heading,
  .web-page-header.appearance-homepage .web-page-header-content .web-markdown {
    margin-right: 100px;
  }
  .web-page-header.appearance-homepage .web-page-header-content .web-list {
    order: unset;
  }
  .web-page-header.appearance-homepage .web-page-header-aside {
    border-radius: 0 var(--_radius) var(--_radius) 0;
  }
  .web-page-header.appearance-homepage .web-page-header-badge {
    top: 0;
    right: 24px;
    width: 87px;
    width: 103px;
    right: calc(33% + 22px);
  }
}
.web-page-header .web-page-header-container {
  position: relative;
  grid-template-columns: var(--web-page-header-content-columns);
  gap: var(--web-page-header-content-gap);
  width: var(--web-page-header-content-width);
  margin: var(--web-page-header-content-margin-inline);
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .web-page-header .web-page-header-container {
    display: grid;
  }
}
.web-page-header .web-page-header-badge {
  position: absolute;
  width: 120px;
  top: calc(-1 * var(--web-page-header-padding-top));
  right: 0;
}
.web-page-header .web-page-header-puppet {
  position: absolute;
  height: 165px;
  top: -165px;
  left: 0;
}
@media (min-width: 992px) {
  .web-page-header .web-page-header-puppet {
    bottom: calc(-1 * 4.8rem);
    right: unset;
    height: 216px;
    left: 50%;
    top: unset;
  }
}
@media (max-width: 991px) {
  .web-page-header.car-puppet .web-page-header-puppet {
    --web-image-object-fit: contain;
    top: -190px;
    height: 237px;
    left: 0;
    right: 0;
  }
}
@media (min-width: 992px) {
  .web-page-header.car-puppet .web-page-header-puppet {
    transform: translateX(-50%);
    left: 50%;
    bottom: -5.5rem;
    height: 300px;
  }
}

.web-radio-group {
  display: grid;
  gap: 0.4rem;
}

label.web-radio {
  --color-checked: #f173ac;
  --disabled-color: #b8b7b3;
  --font-color-checked: var(--color-checked);
  --font-color-disabled: var(--disabled-color);
  --background-color-unchecked: #ffffff;
  --background-color-checked: var(--color-checked);
  --background-color-disabled-unchecked: #f6f6f6;
  --background-color-disabled-checked: #b8b7b3;
  --background-color: var(--background-color-unchecked);
  --border-color-unchecked: #ffffff;
  --border-color-checked: #ffffff;
  --border-color-disabled-unchecked: #ffffff;
  --border-color-disabled-checked: #ffffff;
  --border-color: var(--border-color-unchecked);
  --border-size-unchecked: 2px;
  --border-size-checked: 2px;
  --border-size-disabled-unchecked: 0;
  --border-size-disabled-checked: 2px;
  --border-size: var(--border-size-unchecked);
  --outline-color-unchecked: #b8b7b3;
  --outline-color-checked: #b8b7b3;
  --outline-color-disabled-unchecked: #b8b7b3;
  --outline-color-disabled-checked: #b8b7b3;
  --outline-color: var(--outline-color-unchecked);
  --outline-size: 2px;
  --offset: 2px;
  color: var(--font-color);
  cursor: pointer;
}
label.web-radio:has(input[type=radio]:checked) {
  --font-color: var(--font-color-checked);
  accent-color: var(--font-color-checked);
  cursor: default;
  font-weight: 600;
}
label.web-radio:has(input[type=radio]:disabled) {
  --font-color: var(--font-color-disabled);
  cursor: default;
}
label.web-radio:has(input[type=radio]:focus-visible) {
  outline: var(--outline-size) solid var(--outline-color-checked);
  border-radius: 0.3rem;
}

label.web-radio > input[type=radio] {
  appearance: none;
  background-color: var(--background-color);
  border: var(--border-size) solid var(--border-color);
  cursor: pointer;
  outline: var(--outline-size) solid var(--outline-color);
  border-radius: 50%;
  width: 1.6rem;
  height: 1.6rem;
  position: relative;
  transition: 0.2s all ease-in;
  margin-right: 8px;
  top: var(--offset);
  left: var(--offset);
}
label.web-radio > input[type=radio]:checked {
  --background-color: var(--background-color-checked);
  --border-color: var(--border-color-checked);
  --outline-color: var(--outline-color-checked);
  cursor: default;
}
label.web-radio > input[type=radio]:focus-visible {
  --outline-color: var(--outline-color-checked);
}
label.web-radio > input[type=radio]:disabled {
  --background-color: var(--background-color-disabled-unchecked);
  --border-color: var(--border-color-disabled-unchecked);
  --border-size: var(--border-size-disabled-unchecked);
  --outline-color: var(--outline-color-disabled-unchecked);
  cursor: default;
}
label.web-radio > input[type=radio]:disabled:checked {
  --background-color: var(--background-color-disabled-checked);
  --border-color: var(--border-color-disabled-checked);
  --border-size: var(--border-size-disabled-checked);
  --outline-color: var(--outline-color-disabled-checked);
}

.web-rating {
  --align-items: top;
  --rating-badge-size: 7rem;
  --rating-background-color: #f173ac;
  --rating-text-color: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: var(--align-items);
  gap: 1.6rem;
}
.web-rating.with-badge {
  align-self: center;
}
@media (min-width: 992px) {
  .web-rating.with-badge {
    justify-self: flex-end;
  }
  .web-rating.with-badge .description {
    max-width: max-content;
  }
}
.web-rating .description {
  flex: 1 1;
}
.web-rating .rating-badge {
  flex-shrink: 0;
  background: var(--rating-background-color);
  color: var(--rating-text-color);
  font-family: inshared_sans_bold, Adjusted Arial Bold Fallback, sans-serif;
  width: var(--rating-badge-size);
  height: var(--rating-badge-size);
  line-height: calc(var(--rating-badge-size) + 0.5rem);
  font-size: calc(var(--rating-badge-size) / 2.75);
  border-radius: 100%;
  overflow: hidden;
  text-align: center;
  align-content: center;
}

.web-rating-summary {
  --rating-track-height: 0.8rem;
  --rating-track-color: #f6f6f6;
  --rating-value-color: #f173ac;
  --rating-border-radius: calc(var(--rating-track-height) / 2);
  border-bottom: 0.2rem solid #f6f6f6;
  padding-bottom: 0.8rem;
  margin-bottom: 2.4rem;
}
.web-rating-summary .summary-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
  margin-bottom: 1.6rem;
}
@media (max-width: 799px) {
  .web-rating-summary .summary-heading {
    flex-wrap: wrap;
  }
}
.web-rating-summary ul.summary-categories,
.web-rating-summary ul.summary-categories li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.web-rating-summary .rating-category {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  gap: 0.4rem;
}
.web-rating-summary .rating-category label {
  color: #585750;
  font-size: 1.6rem;
  line-height: calc(1.6rem * 2);
  flex: 0 0 145px;
}
.web-rating-summary .rating-category progress {
  appearance: none;
  position: relative;
  width: 100%;
  height: var(--rating-track-height);
  border-radius: var(--rating-border-radius);
  background: var(--rating-track-color);
}
.web-rating-summary .rating-category progress::-webkit-progress-bar {
  border-radius: var(--rating-border-radius);
  background: var(--rating-track-color);
}
.web-rating-summary .rating-category progress::-webkit-progress-value {
  border-radius: var(--rating-border-radius);
  background: var(--rating-value-color);
}
.web-rating-summary .rating-category progress::-moz-progress-bar {
  border-radius: var(--rating-border-radius);
  background: var(--rating-value-color);
}

.web-section {
  --web-section-content-width: auto;
  --web-section-content-margin-inline: auto;
  --web-section-content-gap: 1.6rem 1.6rem;
  --web-section-columns: 1fr;
  --web-section-rows: 1fr;
  background: var(--web-section-background, transparent);
  padding: var(--web-section-padding, 4.8rem 0);
}
.web-section.full-width {
  grid-column: page-start/page-end;
  --web-section-background: #f6f6f6;
  padding-inline: 1.6rem;
}
@media (min-width: 768px) {
  .web-section.full-width {
    padding-inline: 0;
  }
}
.web-section.full-width + .web-section.full-width {
  padding-top: 0;
}
.web-section:not(.full-width) + .web-section:not(.full-width) {
  padding-top: 0;
}
@media (min-width: 992px) {
  .web-section.sub-grid .web-section-content .web-card,
  .web-section.sub-grid .web-section-content .web-card > .content {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: 1/-1;
    gap: unset;
  }
  .web-section.sub-grid .web-section-content .web-card.image-top > .content {
    grid-row: 2/-1;
    padding-top: 0.8rem;
  }
  .web-section.sub-grid .web-section-content .web-card.image-left .image-wrapper,
  .web-section.sub-grid .web-section-content .web-card.image-right .image-wrapper {
    grid-row: 1/-1;
  }
}
.web-section .web-section-title,
.web-section .web-section-footer {
  display: flex;
  flex-direction: column;
  gap: var(--web-section-content-gap);
  width: var(--web-section-content-width);
  margin: 0 var(--web-section-content-margin-inline) 1.6rem;
}
.web-section .web-section-title:empty,
.web-section .web-section-footer:empty {
  display: none;
}
@media (min-width: 992px) {
  .web-section .web-section-title,
  .web-section .web-section-footer {
    margin: 0 var(--web-section-content-margin-inline) 2.4rem;
  }
}
.web-section.title-align-center .web-section-title, .web-section.footer-align-center .web-section-footer {
  text-align: center;
  align-items: center;
}
.web-section .web-section-footer {
  margin: 3.2rem var(--web-section-content-margin-inline) 0;
}
.web-section .web-section-content {
  width: var(--web-section-content-width);
  margin: var(--web-section-content-margin-inline);
  gap: var(--web-section-content-gap);
  display: grid;
  grid-template: 1fr/1fr;
}
@media (min-width: 992px) {
  .web-section .web-section-content {
    grid-template: var(--web-section-rows)/var(--web-section-columns);
    --web-section-content-gap: 2.4rem 2.4rem;
  }
}
.web-section .web-section-content .web-card.no-appearance + .web-card,
.web-section .web-section-content .web-card.no-shadow + .web-card {
  align-self: flex-start;
}

.web-stars {
  --star-size: 3rem;
  --star-color: #ffb700;
  --star-count: 5;
  --star-open: url("/assets/icons/ui/star-stroke.svg");
  --star-closed: url("/assets/icons/ui/star-fill.svg");
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.web-stars .stars {
  width: calc(var(--star-size) * var(--star-count));
  height: var(--star-size);
  position: relative;
  flex-shrink: 0;
}
.web-stars .placeholders {
  -webkit-mask-image: var(--star-open);
          mask-image: var(--star-open);
  background: var(--star-color);
  height: var(--star-size);
}
.web-stars .value {
  position: absolute;
  left: 0;
  top: 0;
  height: var(--star-size);
  width: 100%;
  -webkit-mask-image: var(--star-closed);
          mask-image: var(--star-closed);
  background: var(--star-color);
}
.web-stars .label {
  font-size: 1.7rem;
  font-weight: 700;
}

.web-steps {
  --steps-badge-size: 4.8rem;
  --steps-badge-color: #f173ac;
  --steps-line-color: #f9c7de;
  --steps-text-color: #ffffff;
  counter-reset: step-number;
}
.web-steps ol {
  list-style: none;
  display: flex;
  padding: 0;
}
.web-steps ol li {
  counter-increment: step-number;
  padding: calc(var(--steps-badge-size) * 1.5) 2.4rem 0;
  flex: 1;
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
}
.web-steps ol li h4 {
  color: #f173ac;
  flex-basis: calc(1.5 * 2);
  align-content: center;
  margin-bottom: 0.8rem;
}
.web-steps ol li:not(:last-child)::before {
  content: "";
  top: calc(var(--steps-badge-size) / 2);
  background: var(--steps-line-color);
  height: 0.8rem;
  position: absolute;
  left: 50%;
  width: 100%;
  transform: translate(0, -50%);
}
.web-steps ol li::after {
  content: counter(step-number);
  background: var(--steps-badge-color);
  color: var(--steps-text-color);
  font-family: inshared_sans_bold, Adjusted Arial Bold Fallback, sans-serif;
  line-height: calc(var(--steps-badge-size) + 0.5rem);
  font-size: calc(var(--steps-badge-size) / 2.75);
  width: var(--steps-badge-size);
  height: var(--steps-badge-size);
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  border-radius: 100%;
  display: block;
  text-align: center;
}
.web-steps ol li.completed::after {
  font-size: calc(var(--steps-badge-size) / 2);
  content: "✔";
}
.web-steps ol li.pending::after {
  line-height: calc(var(--steps-badge-size) - 0.1rem);
  border: 0.3rem solid var(--steps-badge-color);
  background: var(--steps-text-color);
  color: var(--steps-badge-color);
}
.web-steps ol li a {
  display: inline;
  color: inherit;
  text-decoration: none;
}
@media (max-width: 991px) {
  .web-steps ol {
    flex-direction: column;
  }
  .web-steps ol li {
    padding: 1.6rem 1.6rem 3.2rem calc(var(--steps-badge-size) * 1.5);
    text-align: left;
  }
  .web-steps ol li h4 {
    flex-basis: 1.5;
    align-content: top;
  }
  .web-steps ol li:not(:last-child)::before {
    top: calc(1.6rem + var(--steps-badge-size) / 2);
    left: calc(var(--steps-badge-size) * 0.75);
    background: var(--steps-line-color);
    width: 0.8rem;
    height: 100%;
    transform: translate(-50%, 0);
  }
  .web-steps ol li::after {
    left: calc(var(--steps-badge-size) / 4);
    top: 1.6rem;
    transform: none;
  }
}

.web-sticky-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1.6rem;
  z-index: 100;
  background-color: #ffffff;
  box-shadow: 0.3rem 0.3rem 1rem 0 rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  gap: 2.4rem;
}

web-visibility-trigger:has(.web-sticky-footer) {
  --web-sticky-footer-start: 100%;
  --web-sticky-footer-duration: 0.3s;
  transition: display var(--web-sticky-footer-duration) allow-discrete;
}
@keyframes sf-slide-in {
  from {
    transform: translateY(var(--web-sticky-footer-start));
  }
}
@keyframes sf-slide-out {
  to {
    transform: translateY(var(--web-sticky-footer-start));
  }
}
web-visibility-trigger:has(.web-sticky-footer) .web-sticky-footer {
  transition: display var(--web-sticky-footer-duration) allow-discrete;
  display: none;
}
web-visibility-trigger:has(.web-sticky-footer).trigger--visible .web-sticky-footer {
  display: flex;
  align-items: center;
  animation: sf-slide-in var(--web-sticky-footer-duration) ease-out;
}
web-visibility-trigger:has(.web-sticky-footer).trigger--hidden .web-sticky-footer {
  animation: sf-slide-out var(--web-sticky-footer-duration) ease-out;
  display: none;
}

.web-testimonial {
  --web-testimonial-icon-size: 48px;
  --web-testimonial-content-height: 127px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.web-testimonial .web-testimonial-score {
  font-size: 1.7rem;
}
.web-testimonial .web-testimonial-score .web-stars {
  margin-bottom: var(--line-height-spacing);
}
.web-testimonial .web-testimonial-content {
  font-size: 1.6rem;
  margin: 2.4rem 0 1.6rem;
}
.web-testimonial .web-testimonial-author {
  border-top: 1px solid #dadada;
  margin: auto 0 0;
  padding-top: 1.6rem;
  display: grid;
  grid-template-columns: var(--web-testimonial-icon-size) 1fr;
  column-gap: 0.8rem;
  z-index: 2;
}
.web-testimonial .web-testimonial-author svg {
  width: var(--web-testimonial-icon-size);
  height: var(--web-testimonial-icon-size);
  grid-row: span 2;
  color: #f173ac;
}
.web-testimonial .web-testimonial-author .web-testimonial-name {
  font-family: inshared_sans_bold, Adjusted Arial Bold Fallback, sans-serif;
  font-size: 1.7rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.web-testimonial .web-testimonial-author .web-testimonial-time {
  grid-column-start: 2;
  color: #b8b7b3;
  font-size: 1.6rem;
}
.web-testimonial.truncated .web-testimonial-content {
  height: var(--web-testimonial-content-height);
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
}
.web-testimonial.truncated .web-testimonial-content::after {
  content: "";
  display: block;
  height: 60px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff) repeat-x;
}

web-accordion {
  --background-color: #ffffff;
  --border-color: #b8b7b3;
  --border-width: 0.2rem;
  --border-color-top: var(--border-color);
  --border-width-top: var(--border-width);
  --border-radius: 0.6rem;
  --content-display: none;
  --heading-color: #222222;
  --heading-font-family: inshared_sans_regular, Adjusted Arial Fallback, sans-serif;
  --heading-font-size: inherit;
  --heading-font-weight: normal;
  --pointer-events: auto;
  --icon-content-closed: "+";
  --icon-content-opened: "-";
  --icon-content: var(--icon-content-closed);
  --icon-color: #f173ac;
  --icon-display: initial;
  --icon-filter: none;
  --icon-font-size: 4rem;
  --icon-font-family: casino_hand, cursive;
  --icon-line-height: 1.5;
  --icon-height: 1.6rem;
  --icon-width: 1.6rem;
}
web-accordion.is-open {
  --content-display: block;
  --icon-content: var(--icon-content-opened);
}
web-accordion[force-open=true] {
  --pointer-events: none;
  --icon-content: "";
  --icon-display: none;
}
web-accordion .accordion {
  background-color: var(--background-color);
  border: var(--border-width) solid var(--border-color);
  border-top-color: var(--border-color-top);
  border-top-width: var(--border-width-top);
  border-radius: var(--border-radius);
  color: var(--heading-color);
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
web-accordion .accordion .accordion-content {
  padding: 0 1.6rem 1.2rem 1.6rem;
  display: var(--content-display);
}
web-accordion button {
  border: none;
  background: none;
  color: inherit;
  font-family: var(--heading-font-family);
  font-size: var(--heading-font-size);
  font-weight: var(--heading-font-weight);
  text-align: left;
  cursor: pointer;
  padding: 1.4rem 1.6rem;
  margin: -0.2rem 0;
  display: flex;
  width: 100%;
  justify-content: space-between;
  pointer-events: var(--pointer-events);
  align-items: center;
}
web-accordion button:not(:has(web-icon))::after {
  content: var(--icon-content);
  font-family: var(--icon-font-family);
  font-size: var(--icon-font-size);
  color: var(--icon-color);
  line-height: var(--icon-line-height);
  filter: var(--icon-filter);
  fill: var(--icon-color);
}
web-accordion button web-icon {
  display: var(--icon-display);
  width: auto;
}
web-accordion button web-icon.accordion-icon-closed {
  color: var(--icon-color);
  justify-content: flex-start;
}
web-accordion button web-icon.accordion-icon-closed svg {
  height: var(--icon-height);
  width: var(--icon-width);
}
web-accordion button web-icon.accordion-icon-opened {
  color: var(--icon-color);
  justify-content: flex-start;
}
web-accordion button web-icon.accordion-icon-opened svg {
  height: var(--icon-height);
  width: var(--icon-width);
}

web-accordion-list .accordion-list {
  --list-border-color: #f6f6f6;
  --list-border-width: 0.2rem;
  --list-border-radius: 0;
  border-bottom: var(--list-border-width) solid var(--list-border-color);
  gap: var(--gap, 0);
}
web-accordion-list .accordion-list web-accordion {
  --border-radius: var(--list-border-radius);
  --border-width: 0;
  --border-color-top: var(--list-border-color);
  --border-width-top: var(--list-border-width);
}
web-accordion-list .accordion-list web-accordion.is-open {
  --heading-color: #f173ac;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.web-carousel {
  --web-carousel-slide-width: 16.5rem;
  --web-carousel-slide-gap: calc(1.6rem - 0.6rem);
  --web-carousel-controls-background: #f6f6f6;
}
@media (min-width: 800px) {
  .web-carousel {
    --web-carousel-slide-gap: calc(2.4rem - 0.6rem);
  }
}
.web-carousel .web-card {
  height: 100%;
}
.web-carousel .web-card web-icon svg + svg {
  display: none;
}
.web-carousel:has(.tile-size-medium) {
  --web-carousel-slide-width: 259px;
}
.web-carousel:has(.tile-size-large) {
  --web-carousel-slide-width: 320px;
}
.web-carousel:not(.hydrated) .splide__list {
  gap: var(--web-carousel-slide-gap);
}
.web-carousel .splide .splide__slide {
  width: var(--web-carousel-slide-width);
  padding: 0.3rem;
}
.web-carousel .splide:not(.is-active) .splide__list {
  gap: var(--web-carousel-slide-gap);
}
.web-carousel .splide .splide__arrows button {
  background: none;
  appearance: none;
  border: none;
  padding: 0;
}
.web-carousel .splide.controls-none .splide__arrows {
  display: none;
}
.web-carousel .splide.controls-simple .splide__pagination,
.web-carousel .splide.controls-simple .label-previous,
.web-carousel .splide.controls-simple .label-next {
  display: none;
}
.web-carousel .splide.controls-simple .splide__arrows {
  display: flex;
  position: static;
}
.web-carousel .splide.controls-simple .splide__arrows .splide__arrow {
  top: 0;
  display: flex;
  align-items: center;
  position: absolute;
  height: 100%;
  width: 3.2rem;
  cursor: pointer;
}
.web-carousel .splide.controls-simple .splide__arrows .splide__arrow web-icon {
  --icon-height: 1.6rem;
  --icon-width: 1.6rem;
  color: #f173ac;
}
.web-carousel .splide.controls-simple .splide__arrows .splide__arrow--prev {
  left: calc(3.2rem * -1);
}
.web-carousel .splide.controls-simple .splide__arrows .splide__arrow--next {
  right: calc(3.2rem * -1);
  justify-content: flex-end;
}
.web-carousel .splide.controls-full .splide__arrows {
  display: flex;
  gap: 3.2rem;
  flex-direction: row;
  margin: 1.6rem auto 0;
  padding: 0.4rem;
  max-width: max-content;
  border-radius: 1.6rem;
  justify-content: center;
  align-items: center;
  background: var(--web-carousel-controls-background);
  font-size: 1.6rem;
}
.web-carousel .splide.controls-full .splide__arrows ul {
  padding: 0;
  flex-wrap: nowrap;
  justify-content: left;
  overflow: hidden;
  gap: 0.2rem;
}
.web-carousel .splide.controls-full .splide__arrows ul button {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.web-carousel .splide.controls-full .splide__arrows ul button::after {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  transform: scale(1) translate(-50%, -50%);
  background-color: #bbb;
  width: 12px;
  aspect-ratio: 1;
  margin: 2px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 5px;
  transition-property: transform, background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  -webkit-tap-highlight-color: transparent;
}
.web-carousel .splide.controls-full .splide__arrows ul button.is-active::after {
  background-color: #f173ac;
  transform: scale(1.2) translate(-50%, -45%);
}
.web-carousel .splide.controls-full .splide__arrows .splide__arrow {
  color: #f173ac;
  font-family: inshared_sans_regular, Adjusted Arial Fallback, sans-serif;
  font-size: 1.6rem;
  padding: 1.2rem 0.4rem;
  cursor: pointer;
  appearance: none;
  font-weight: normal;
  background: none;
  border: none;
  white-space: nowrap;
}
.web-carousel .splide.controls-full .splide__arrows .splide__arrow web-icon {
  --icon-width: 1.2rem;
  --icon-height: 1.2rem;
  display: inline-flex;
  vertical-align: middle;
}
.web-carousel .splide.controls-full .splide__arrows .splide__arrow svg {
  margin: 0 0.8rem;
}
.web-carousel .splide.controls-full .splide__arrows .splide__arrow:disabled {
  color: #b8b7b3;
}
.web-carousel .splide.controls-full .splide__arrows .splide__arrow:not(:disabled):hover {
  color: #0d7ff4;
}

.chatbot-answer > div:not(:last-of-type) {
  margin-bottom: 1.6rem;
}
.chatbot-answer .web-list {
  --web-list-padding-block: 0;
  --web-list-icon-gap: 1.6rem;
  --web-list-icon-start-size: 0.8rem;
}
.chatbot-answer .web-list li:not(:has(a)) {
  grid-template-columns: max-content;
}
.chatbot-answer .web-list.numbered {
  --web-list-icon-gap: 0;
}
.chatbot-answer .web-list .text {
  color: #222222;
}
.chatbot-answer .web-list a.link:not(:hover) {
  --text-decoration: none;
  --color-text: #f173ac;
}
.chatbot-answer .web-list a > web-icon.icon-start {
  --icon-width: 1rem;
  --icon-height: 1rem;
}

web-chatbot-escalation .chatbot-escalation {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  web-chatbot-escalation .chatbot-escalation {
    flex-direction: row;
    margin-left: var(--left-gutter);
  }
}
web-chatbot-escalation .chatbot-escalation .feedback-area {
  flex: 1;
  margin-right: 1.6rem;
}
web-chatbot-escalation .chatbot-escalation .feedback-area h4 {
  margin-bottom: 0.8rem;
}
web-chatbot-escalation .chatbot-escalation .feedback-area .usefulness,
web-chatbot-escalation .chatbot-escalation .feedback-area .thanks {
  display: block;
  margin-bottom: 2.4rem;
}
web-chatbot-escalation .chatbot-escalation .feedback-area .usefulness .icon,
web-chatbot-escalation .chatbot-escalation .feedback-area .thanks .icon {
  width: 1em;
  height: 1em;
  display: inline-block;
  color: #f173ac;
  margin-right: 0.5em;
}
web-chatbot-escalation .chatbot-escalation .feedback-area .usefulness web-button,
web-chatbot-escalation .chatbot-escalation .feedback-area .thanks web-button {
  display: inline-block;
}
web-chatbot-escalation .chatbot-escalation .feedback-area .usefulness web-button:last-child,
web-chatbot-escalation .chatbot-escalation .feedback-area .thanks web-button:last-child {
  margin-left: 1.6rem;
}
web-chatbot-escalation .chatbot-escalation .feedback-area .usefulness .title {
  margin-bottom: 0.8rem;
  font-weight: 700;
  color: #888780;
}
web-chatbot-escalation .chatbot-escalation .feedback-area web-accordion {
  display: block;
}
web-chatbot-escalation .chatbot-escalation .form-area {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  margin-top: 3.2rem;
}
web-chatbot-escalation .chatbot-escalation .form-area h4 {
  margin-bottom: 0.8rem;
}
web-chatbot-escalation .chatbot-escalation .form-area textarea {
  height: 25rem;
  margin-bottom: 1.6rem;
}
@media (min-width: 768px) {
  web-chatbot-escalation .chatbot-escalation .form-area {
    border-left: 0.2rem solid #dadada;
    padding: 0 1.6rem;
    flex: 0 0 50%;
    margin-top: 0;
  }
}
web-chatbot-escalation .channels {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.6rem;
}
web-chatbot-escalation .channels .channel {
  display: flex;
  flex-direction: column;
}
web-chatbot-escalation .channels .channel .item {
  display: flex;
  align-items: center;
  padding: 0.8rem 0;
}
web-chatbot-escalation .channels .channel .item:not(:last-of-type) {
  border-bottom: 0.2rem solid #dadada;
}
web-chatbot-escalation .channels .channel .item .icon {
  width: 2em;
  height: 2em;
  display: inline-block;
  color: #f173ac;
  margin-right: 0.5em;
}
web-chatbot-escalation .channels .channel .item web-link {
  display: inline-block;
}
web-chatbot-escalation .channels .channel .item web-link .link {
  --text-decoration: none;
}
web-chatbot-escalation .channels .channel .item web-link .link:hover {
  --color-text: #585750;
  --color-fill: #585750;
}
web-chatbot-escalation .channels .channel .titles {
  display: flex;
  flex-direction: column;
  margin-left: 0.8rem;
}
web-chatbot-escalation .channels .channel .titles .subtitle {
  font-size: 1.4rem;
}

web-chatbot-input .input {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 2.4rem;
  min-height: 4rem;
  width: 100%;
}
web-chatbot-input .input-container {
  flex: 1 0 auto;
  margin: 0 0.8rem 0 0;
  position: relative;
}
web-chatbot-input .input-container input {
  width: 100%;
  padding-right: 1.4rem;
}
web-chatbot-input web-button button {
  padding: 0;
  height: 5rem;
}
web-chatbot-input web-button button span {
  display: none;
}
web-chatbot-input .input-max-length {
  position: absolute;
  right: 0;
  color: #585750;
  font-size: 1.2rem;
}
web-chatbot-input .input-max-length .warning {
  font-weight: bold;
  color: #f173ac;
}
@media screen and (max-width: 767px) {
  web-chatbot-input .button.button-large {
    --spacing-padding-inline: 1.6rem;
  }
}
@media (min-width: 768px) {
  web-chatbot-input .input {
    padding: 0 4.8rem;
  }
  web-chatbot-input .input-max-length {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.8rem;
    font-size: 1.5rem;
  }
  web-chatbot-input .input-container input {
    padding: 0.8rem 1.4rem;
  }
  web-chatbot-input .input-container.has-max-length input {
    padding: 0.8rem var(--chatbot-input-input-padding-inline-end, 11.4rem) 0.8rem 1.4rem;
  }
  web-chatbot-input web-button button span {
    display: block;
  }
}
@media (min-width: 768px) {
  web-chatbot-input [slot=footer] {
    --left-gutter: 90px;
    padding-left: var(--left-gutter);
  }
}

web-chatbot-list {
  --left-gutter: 50px;
}
@media (min-width: 768px) {
  web-chatbot-list {
    --left-gutter: 90px;
  }
}
web-chatbot-list .chatbot-list {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
web-chatbot-list .chatbot-item {
  color: #585750;
}
web-chatbot-list .chatbot-answer-item {
  display: flex;
  align-items: center;
  min-height: 8rem;
  --aspect-ratio: calc(80 / 100);
  --width: calc(var(--left-gutter) - 10px);
  background: url("/assets/images/chat-shmuppet-80x100.png") no-repeat top left;
  background-size: var(--width) calc(var(--width) / var(--aspect-ratio));
  padding-left: var(--left-gutter);
}
@media (min-width: 768px) {
  web-chatbot-list .chatbot-answer-item {
    --width: calc(var(--left-gutter) - 20px);
    min-height: 9.5rem;
  }
}
@media (min-width: 768px) {
  web-chatbot-list .chatbot-question-item {
    padding-left: var(--left-gutter);
  }
}
web-chatbot-list .chatbot-balloon {
  background: #f6f6f6;
  border-radius: 0.5rem;
  padding: 1.6rem;
}
web-chatbot-list .web-balloon {
  min-width: 100%;
}

web-chatbot-small {
  display: flex;
  align-items: center;
  background: url("/assets/images/chat-shmuppet-80x100.png") no-repeat top left;
  background-size: auto 60px;
  padding-left: 60px;
  min-height: 50px;
  background-position-y: -5px;
  margin-top: -5px;
}
web-chatbot-small > .web-balloon {
  background: #fff;
  width: 100%;
}
web-chatbot-small > .web-balloon.secondary {
  --background-color: #fff;
  --border-color: #fff;
}
web-chatbot-small web-accordion {
  --background-color: transparent;
  --border-width: 0;
  display: block;
}
web-chatbot-small web-accordion .accordion {
  width: 20rem;
}
web-chatbot-small web-accordion .accordion > button {
  padding: 0;
  margin: 0;
}
web-chatbot-small web-accordion .accordion .accordion-content {
  padding: 0.8rem 0 0;
}
web-chatbot-small web-chatbot-input .input-container {
  flex: 1 1;
}
web-chatbot-small web-chatbot-input .input {
  padding: 0;
  margin: 0;
}

web-chatbot {
  height: max-content;
  display: flex;
  flex-direction: column;
  --web-chatbot-desktop-vp: 1024px;
}
web-chatbot .chatbot-container {
  border: 0.3rem solid #f6f6f6;
  border-radius: 1rem 1rem 0 0;
}
web-chatbot .chatbot-overlay {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
@media (min-width: 768px) {
  web-chatbot .chatbot-overlay {
    max-height: 65vh;
  }
}
web-chatbot .chatbot-button {
  width: 5rem;
  height: 5rem;
  position: fixed;
  bottom: 10rem;
  right: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f173ac;
  border: 0.2rem solid #ffffff;
  border-radius: 50%;
  padding: 0;
  color: #ffffff;
  cursor: pointer;
}
web-chatbot .chatbot-button.mobile-menu {
  bottom: 1rem;
}
@media (min-width: 1024px) {
  web-chatbot .chatbot-button {
    width: 6.5rem;
    height: 6.5rem;
  }
}
@media (min-width: 1024px) {
  web-chatbot .chatbot-button {
    bottom: 1.8rem;
  }
}
web-chatbot .chatbot-button web-icon {
  --icon-height: 3.2rem;
  --icon-width: 3.2rem;
}
@media (min-width: 1024px) {
  web-chatbot .chatbot-button web-icon {
    --icon-height: 4rem;
    --icon-width: 4rem;
  }
}
web-chatbot web-chatbot-list {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
web-chatbot .chatbot-input-area {
  flex: 0 0 auto;
  margin-top: auto;
  background-color: #f6f6f6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 1.6rem;
  padding: 1.6rem;
}
@media (min-width: 768px) {
  web-chatbot .chatbot-input-area {
    gap: 2.4rem;
  }
}
web-chatbot .chatbot-input-area [slot=footer] {
  text-align: center;
  --left-gutter: 0;
}
web-chatbot .chatbot-input-area .color-primary {
  color: #f173ac;
}
web-chatbot .dialog-content {
  padding: 2.4rem;
}
web-chatbot .dialog-actions {
  display: flex;
  justify-content: space-between;
  padding: 2.4rem;
}

web-cookie-consent {
  --background: #ffffff;
  --settings-background: #f6f6f6;
  --list-image-left: 0;
  --list-image-height: 1.6rem;
  --list-image-width: 1.6rem;
  --list-image-fill-what-we-do: #f173ac;
  --list-image-fill-what-we-dont: #b8b7b3;
  --padding-inline: 0;
  --padding-block: 0;
  --section-gap: 0;
  --section-padding-inline: 2.4rem;
  --section-padding-block: 2.4rem;
  container-type: inline-size;
}
web-cookie-consent[static-display=true] {
  --header-position: static;
  --actions-position: static;
}
web-cookie-consent .web-cookie-consent {
  display: flex;
  flex-direction: column;
  gap: var(--section-gap);
  padding-inline: var(--padding-inline);
  padding-block: var(--padding-block);
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  web-cookie-consent .web-cookie-consent {
    max-height: calc(95vh - 7.4rem);
  }
}
@supports (container: inline-size) {
  @container (min-width: 576px) {
    web-cookie-consent .cookie-consent-actions {
      --flex-direction: row;
    }
  }
  @container (min-width: 991px) {
    web-cookie-consent .web-cookie-consent {
      --section-padding-inline: 3.2rem;
      --section-padding-block: 2.4rem;
    }
    web-cookie-consent .cookie-consent-actions {
      --flex-direction: row;
      --actions-justify-content: start;
    }
  }
}
web-cookie-consent .web-markdown {
  --paragraph-margin-block-start: 1.6rem;
}
web-cookie-consent .web-markdown p {
  --paragraph-margin-block-end: 1.6rem;
}
web-cookie-consent .cookie-consent-information {
  padding-inline: var(--section-padding-inline);
  padding-block: var(--section-padding-block);
  padding-bottom: 0;
  overflow-y: auto;
  flex: 1 1;
}
web-cookie-consent .cookie-consent-information .more-information {
  margin-top: 1.6rem;
}
web-cookie-consent .cookie-consent-information .more-information-link {
  margin-bottom: 1.6rem;
}
web-cookie-consent .cookie-consent-information .lists {
  display: flex;
  gap: 2.4rem;
}
web-cookie-consent .cookie-consent-information .divider {
  border-left: 1px solid #dadada;
}
web-cookie-consent .cookie-consent-information span.h3 {
  margin: 1.6rem 0;
  display: block;
}
web-cookie-consent .cookie-consent-information span.h3:first-child {
  margin-top: 0;
}
web-cookie-consent .cookie-consent-information > div:last-child p:last-child {
  --paragraph-margin-block-end: 0;
}
web-cookie-consent .cookie-consent-information a.link {
  align-self: center;
}
web-cookie-consent .cookie-consent-information a.link svg {
  transform: rotate(180deg);
  transition: all 0.5s ease;
  height: 1.2rem;
  width: 1.2rem;
}
@media (min-width: 576px) {
  web-cookie-consent .cookie-consent-information a.link {
    align-self: flex-start;
  }
}
web-cookie-consent .cookie-consent-settings {
  padding-inline: var(--section-padding-inline);
  padding-block: var(--section-padding-block);
  background: var(--settings-background);
}
web-cookie-consent .cookie-consent-settings__change-header {
  padding-top: 0.8rem;
}
web-cookie-consent .info-container {
  display: none;
  --info-item-gap: 40px;
  --info-item-divider: 1px solid #dadada;
  margin-block-start: 1.6rem;
}
web-cookie-consent .info-container .web-balloon span {
  display: flex;
  gap: var(--info-item-gap);
  flex-direction: column;
}
@media (min-width: 576px) {
  web-cookie-consent .info-container .web-balloon span {
    flex-direction: row;
  }
}
web-cookie-consent .info-container .web-markdown {
  flex: 1;
}
web-cookie-consent .info-container .web-markdown span.h4 {
  margin-bottom: 0.4rem;
  display: block;
}
web-cookie-consent .info-container .web-markdown ul {
  margin-bottom: 0;
}
web-cookie-consent .info-container .web-markdown li {
  margin-bottom: 0;
  font-size: 1.6rem;
  color: #585750;
  --bullet-size: 6px;
  --list-offset: 1.6rem;
}
web-cookie-consent .info-container .web-markdown:nth-of-type(2) {
  position: relative;
}
web-cookie-consent .info-container .web-markdown:nth-of-type(2) ::after {
  content: "";
  position: absolute;
  top: calc(var(--info-item-gap) / 2 * -1);
  bottom: 0;
  left: 0;
  right: 0;
  border-top: var(--info-item-divider);
}
@media (min-width: 576px) {
  web-cookie-consent .info-container {
    grid-column: span 2;
  }
  web-cookie-consent .info-container .web-markdown:nth-of-type(2) ::after {
    top: 10px;
    bottom: 10px;
    left: calc(var(--info-item-gap) / 2 * -1);
    right: 0;
    border-top: none;
    border-left: var(--info-item-divider);
  }
  web-cookie-consent .info-container:nth-child(2) .web-balloon {
    --left-position: calc(33% - var(--arrow-size) / 2);
  }
}
web-cookie-consent .cookie-consent-actions {
  padding: 2.4rem;
  gap: 1.6rem;
  width: 100%;
  bottom: 0;
  display: flex;
  flex-direction: column;
}
@media (min-width: 576px) {
  web-cookie-consent .cookie-consent-actions {
    flex-direction: row;
  }
}
web-cookie-consent .cookie-consent-actions button {
  padding: 1.2rem;
  flex: 1;
}
web-cookie-consent .cookie-consent-actions .cookie-consent-action {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
@media (min-width: 576px) {
  web-cookie-consent .cookie-consent-actions .cookie-consent-action {
    flex-direction: row;
  }
}

.section-navigation {
  z-index: 10;
  position: fixed;
  bottom: 0;
  width: 100%;
  transform: translateY(66.66%);
}
.section-navigation .desktop-navigation {
  display: none;
}
.section-navigation .mobile-navigation {
  display: grid;
}
@media (min-width: 1024px) {
  .section-navigation {
    position: relative;
    bottom: unset;
    transform: none;
  }
  .section-navigation .desktop-navigation {
    display: flex;
  }
  .section-navigation .mobile-navigation {
    display: none;
  }
}

.desktop-navigation {
  position: relative;
  border: 0.2rem solid #b8b7b3;
  flex-wrap: nowrap;
  gap: 0.2rem;
  background: #b8b7b3;
  border-radius: 1rem;
  box-shadow: 0.3rem 0.3rem #b8b7b3;
  margin-top: -0.3rem;
}
.desktop-navigation .nav-item {
  flex-grow: 1;
  flex-shrink: 1;
  height: 4.6rem;
  background: #ffffff;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
}
.desktop-navigation .nav-item > * {
  white-space: initial;
}
.desktop-navigation .nav-item:first-child {
  border-radius: 0.8rem 0 0 0.8rem;
}
.desktop-navigation .nav-item:last-child {
  border-radius: 0 0.8rem 0.8rem 0;
}
.desktop-navigation .nav-item.link a {
  --text-decoration: none;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #222222;
  text-decoration: none;
  padding: 0 2rem;
}
.desktop-navigation .nav-item.link a web-icon {
  --icon-height: 2.4rem;
  --icon-width: 2.4rem;
  margin-bottom: 0.6rem;
}
.desktop-navigation .nav-item.link a:hover {
  color: #f173ac;
}
.desktop-navigation .nav-item.menu {
  height: 4.6rem;
  position: relative;
}
.desktop-navigation .nav-item.menu > button {
  background: unset;
  border: unset;
  font-family: unset;
  font-weight: unset;
  font-size: unset;
  color: #222222;
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 0.8rem;
  padding: 0 2rem;
}
.desktop-navigation .nav-item.menu > button:hover {
  color: #f173ac;
}
.desktop-navigation .nav-item.menu [data-menu-button] > * {
  pointer-events: none;
}
.desktop-navigation .nav-item.menu .sub-menu.exception .desktop-submenu {
  padding-left: 3.2rem;
}
.desktop-navigation .nav-item.menu .sub-menu.exception .desktop-submenu .columns {
  padding: 2rem 3.2rem 2rem 0;
}
.desktop-navigation .nav-item.menu .sub-menu.exception .desktop-submenu .columns a {
  white-space: nowrap;
  padding-right: 4.8rem;
}
.desktop-navigation .nav-item.menu .sub-menu.exception .desktop-submenu aside {
  border-radius: 0 1rem 1rem 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.desktop-navigation .nav-item.menu .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  z-index: 1;
  border: 0.2rem solid #f173ac;
  background: #ffffff;
}
.desktop-navigation .nav-item.menu .sub-menu .item-heading {
  border-bottom: 0.2rem solid #f6f6f6;
  font-weight: 700;
  margin-bottom: 0.8rem;
  padding-bottom: 0.8rem;
}
.desktop-navigation .nav-item.menu .sub-menu .web-list a {
  grid-template-columns: max-content;
}
.desktop-navigation .nav-item.menu .sub-menu .desktop-submenu {
  display: grid;
  grid-template-areas: "heading upperright" "columns aside";
  padding-left: 3.2rem;
}
.desktop-navigation .nav-item.menu .sub-menu .desktop-submenu::before {
  content: "";
  grid-area: upperright;
  background-color: #f6f6f6;
  border-top-right-radius: 1rem;
}
.desktop-navigation .nav-item.menu .sub-menu .desktop-submenu .item-heading {
  color: #222222;
  margin: 0.8rem 0;
  font-weight: 700;
}
.desktop-navigation .nav-item.menu .sub-menu .desktop-submenu .heading {
  grid-area: heading;
  text-wrap: nowrap;
  padding-top: 6rem;
  padding-right: 3.2rem;
  margin-bottom: 3.2rem;
}
.desktop-navigation .nav-item.menu .sub-menu .desktop-submenu .columns {
  grid-area: columns;
  display: flex;
  gap: 2.4rem;
  padding: 2rem 3.2rem 2rem 0;
}
.desktop-navigation .nav-item.menu .sub-menu .desktop-submenu .column {
  flex: 1;
}
.desktop-navigation .nav-item.menu .sub-menu .desktop-submenu aside {
  grid-area: aside;
  background-color: #f6f6f6;
  padding: 2rem 3.2rem 6rem 3.2rem;
  border-bottom-right-radius: 1rem;
}
.desktop-navigation .nav-item.menu .sub-menu .desktop-submenu aside .item-heading {
  border-color: #dadada;
}
.desktop-navigation .nav-item.menu .sub-menu .desktop-submenu aside .web-list {
  --web-list-border-color: #dadada;
}
.desktop-navigation .nav-item.menu .sub-menu .desktop-gridmenu {
  padding: 2.4rem 3.2rem;
  display: grid;
  gap: 3.2rem;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: min-content;
}
.desktop-navigation .nav-item.menu .sub-menu .desktop-gridmenu .grid-item {
  min-width: 25rem;
}
.desktop-navigation .nav-item.menu .sub-menu .desktop-gridmenu .grid-item:has(ul) p {
  margin-bottom: 0.8rem;
}
.desktop-navigation .nav-item.menu .sub-menu .desktop-gridmenu .grid-item p {
  color: #222222;
  margin-bottom: 1.6rem;
  margin-top: 1.6rem;
}
.desktop-navigation .nav-item.menu .sub-menu .desktop-gridmenu .grid-item web-icon {
  color: #f173ac;
  --icon-height: 2.4rem;
  --icon-width: 2.4rem;
}
.desktop-navigation .nav-item.menu .sub-menu .desktop-gridmenu .grid-item a.link {
  --text-decoration: none;
}
.desktop-navigation .nav-item.menu.left .sub-menu {
  border-radius: 0 1rem 1rem 1rem;
  left: -0.2rem;
}
.desktop-navigation .nav-item.menu.right .sub-menu {
  border-radius: 1rem 0 1rem 1rem;
  right: -0.2rem;
}
.desktop-navigation .nav-item.menu.full {
  position: unset;
}
.desktop-navigation .nav-item.menu.full .sub-menu {
  border-radius: 1rem;
  width: calc(100% + 2 * 3.2rem);
  left: calc(-1 * 3.2rem);
}
.desktop-navigation .nav-item.menu.active > button {
  position: relative;
  z-index: 2;
  color: #f173ac;
  fill: #f173ac;
}
.desktop-navigation .nav-item.menu.active > button svg {
  transform: rotate(180deg);
}
.desktop-navigation .nav-item.menu.active > button::after {
  content: " ";
  position: absolute;
  top: -0.4rem;
  z-index: -1;
  height: calc(100% + 0.6rem);
  width: calc(100% + 0.4rem);
  background: #ffffff;
  border: 0.2rem solid #f173ac;
  border-bottom: none;
}
.desktop-navigation .nav-item.menu.active .sub-menu {
  display: block;
}
.desktop-navigation .nav-item.menu.active .sub-menu .selected {
  color: #f173ac;
}
.desktop-navigation .nav-item.selected > button,
.desktop-navigation .nav-item.selected > a {
  color: #f173ac;
  fill: #f173ac;
}

.mobile-navigation {
  grid-template-columns: 1fr 1fr 1fr;
  background: #f6f6f6;
  gap: 0.1rem;
  box-shadow: 0 -0.1rem 0.6rem rgba(0, 0, 0, 0.16);
  transition: transform 1s;
}
.mobile-navigation #menuIcon {
  display: flex;
}
.mobile-navigation #closeIcon {
  display: none;
}
.mobile-navigation.open {
  transform: translateY(-66.66%);
}
.mobile-navigation.open #menuIcon {
  display: none;
}
.mobile-navigation.open #closeIcon {
  display: flex;
}
.mobile-navigation [data-button-mobile-toggle] > * {
  pointer-events: none;
}
.mobile-navigation .nav-item {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 0.4rem;
  padding: 1.6rem;
  text-decoration: none;
  font-size: 1.4rem;
}
.mobile-navigation .nav-item #menuIcon,
.mobile-navigation .nav-item #closeIcon {
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
}
.mobile-navigation .nav-item web-icon {
  --icon-height: 3.2rem;
  --icon-width: 3.2rem;
  color: #f173ac;
}
.mobile-navigation .nav-item.active {
  color: #0d7ff4;
}
.mobile-navigation .nav-item.active web-icon {
  color: #0d7ff4;
}

web-license-plate {
  --badge-background-color: #0072f9;
  --badge-text-color: #ffffff;
  --input-background-color: #ffffff;
  --input-text-color: #585750;
  --border-color: #b8b7b3;
  --border-focus-color: #bf417a;
  --border-width: 0.1rem;
  --border-radius: 0.6rem;
  display: block;
}
web-license-plate .web-license-plate-container {
  display: flex;
  border: var(--border-width) solid var(--border-color);
  border-radius: var(--border-radius);
  background: var(--input-background-color);
  transition: border-color 0.15s linear;
}
web-license-plate .web-license-plate-container:focus, web-license-plate .web-license-plate-container:focus-within {
  border-color: var(--border-focus-color);
}
web-license-plate .web-license-plate-container input[type=text] {
  flex: 1 1;
  appearance: none;
  padding: 0.8rem 1.2rem 0.4rem;
  background: transparent;
  color: var(--input-text-color);
  border: none;
  border-radius: var(--border-radius);
  outline: none;
  text-transform: uppercase;
  min-width: 0;
}
web-license-plate .web-license-plate-container input[type=text]::placeholder {
  color: #b8b7b3;
  text-transform: none;
}
web-license-plate .web-license-plate-container .country-code {
  padding: 0.4rem 0.8rem;
  color: var(--badge-text-color);
  background: var(--badge-background-color);
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
web-license-plate .web-license-plate-container .country-code web-icon {
  width: 1.6rem;
  height: 1.6rem;
  margin: 0 auto;
}
web-license-plate .web-license-plate-container .country-code .country-code__label {
  display: block;
  margin-top: calc(0.4rem - 1px);
  text-align: center;
  text-transform: uppercase;
  font-family: inshared_sans_bold, Adjusted Arial Bold Fallback, sans-serif;
  font-size: 1.1rem;
  line-height: 1.1rem;
}

web-mobile-menu {
  --background-color: #f6f6f6;
  --overflow-gradient-color: rgba(255, 255, 255, 0.8);
  --divider-color: #dadada;
  --grid-item-color-text: #222222;
  --grid-item-color-fill-icon-start: #f173ac;
  --grid-item-color-heading: #222222;
  --translate-x: 100%;
  --slide-speed: 0.25s;
  --slide-speed-backdrop: 0.1s;
  --menu-translate-x: 100%;
  --padding-inline: 2rem;
  --close-button-icon-gap: 0.8rem;
  --menu-levels-gap: 1.2rem;
  --menu-levels-block-start: 1.2rem;
  --grid-item-link-gap: 1.6rem;
  --grid-items-margin-block-end: 4.8rem;
  --close-button-font-size: 1.7rem;
  --web-list-font-size: 1.9rem;
  --web-list-font-weight: 500;
  --web-list-link-color: #222222;
  --web-list-link-hover-color: #0d7ff4;
  --grid-item-link-font-size: 1.7rem;
  --overflow-gradient-height: 50px;
  --divider-width: 0.1rem;
  --divider-style: solid;
  --divider-margin-block: 0;
}
web-mobile-menu [part=menu-title] {
  font-size: var(--web-list-font-size);
  font-family: inshared_sans_bold, Adjusted Arial Bold Fallback, sans-serif;
  color: #222222;
  margin: 1.6rem 0;
}
web-mobile-menu dialog {
  width: 100%;
  height: 100%;
  border: none;
  padding: 0;
  max-width: 100%;
  max-height: 100%;
  animation: mm-slide-out var(--slide-speed) ease-in-out;
}
web-mobile-menu dialog[open] {
  animation: mm-slide-in var(--slide-speed) ease-in-out;
  display: grid;
  grid-template-rows: auto auto 1fr;
  overflow: hidden;
  position: fixed;
}
web-mobile-menu dialog[open]::backdrop {
  animation: backdrop-fade-in var(--slide-speed-backdrop) ease-out forwards;
}
web-mobile-menu header {
  background-color: var(--background-color);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 1rem;
  padding-inline: var(--padding-inline);
}
web-mobile-menu header button {
  background: none;
  border: none;
  padding: 0.8rem;
  min-width: 44px;
  text-align: center;
  margin-left: calc(-1 * 0.8rem);
}
web-mobile-menu header button:hover {
  cursor: pointer;
}
web-mobile-menu header button:hover web-link a {
  color: #0966c5;
  text-decoration: underline;
}
web-mobile-menu header button ~ button {
  margin-left: 0;
  margin-right: calc(-1 * 0.8rem);
}
web-mobile-menu header .close-button web-icon {
  --icon-height: 4rem;
  --icon-width: 4rem;
}
web-mobile-menu hr {
  height: 1px;
  margin: 0;
  border: none;
  border-top: 1px solid #dadada;
}
web-mobile-menu main {
  background-color: var(--background-color);
  height: 100%;
  overflow: hidden;
  position: relative;
}
web-mobile-menu main::after {
  content: "";
  background: linear-gradient(0deg, var(--overflow-gradient-color), transparent);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--overflow-gradient-height);
  pointer-events: none;
  z-index: 1;
}
web-mobile-menu main .user-name {
  display: flex;
  gap: 1.6rem;
  margin-top: 1.6rem;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.7rem;
  font-family: inshared_sans_bold, Adjusted Arial Bold Fallback, sans-serif;
  color: var(--grid-item-color-text);
}
web-mobile-menu main .user-name web-icon {
  --icon-height: 3.2rem;
  --icon-width: 3.2rem;
}
web-mobile-menu [data-menu-name] {
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  gap: var(--menu-levels-gap);
  background-color: var(--background-color);
  opacity: 1;
  height: 100%;
  width: 100%;
  position: absolute;
  overflow-y: auto;
  overflow-x: hidden;
  padding-inline: var(--padding-inline);
  padding-block-start: var(--menu-levels-block-start);
  padding-bottom: var(--overflow-gradient-height);
}
web-mobile-menu [data-menu-name] web-icon {
  --icon-height: 3.2rem;
  --icon-width: 3.2rem;
}
web-mobile-menu [data-menu-name].animate {
  transition: transform var(--slide-speed) ease-in-out;
}
web-mobile-menu [data-menu-name].active {
  transform: translateX(0);
  pointer-events: all;
  transition-delay: 0.1s;
}
web-mobile-menu [data-menu-name].inactive {
  transform: translateX(var(--menu-translate-x));
  pointer-events: none;
}
web-mobile-menu [data-menu-name] > web-list .web-list {
  --web-list-icon-gap: 1.6rem;
  --web-list-icon-start-size: 3.2rem;
}
web-mobile-menu [data-menu-name] > web-list .web-list a {
  text-decoration: none;
  color: var(--web-list-link-color);
  font-family: inshared_sans_medium, Adjusted Arial Bold Fallback, sans-serif;
  font-size: var(--web-list-font-size);
}
web-mobile-menu [data-menu-name] > web-list .web-list a:hover {
  color: var(--web-list-link-hover-color);
}
web-mobile-menu [data-menu-name] hr {
  margin-block: var(--divider-margin-block);
  border: 0;
  border-top: var(--divider-width) var(--divider-style) var(--divider-color);
}
web-mobile-menu [data-menu-name] hr + web-list .web-list a {
  gap: 0.4rem;
  font-family: inshared_sans_regular, Adjusted Arial Fallback, sans-serif;
  font-size: 1.6rem;
}
web-mobile-menu [data-menu-name] hr + web-list .web-list a web-icon {
  --icon-height: 2.4rem;
  --icon-width: 2.4rem;
}
web-mobile-menu [data-menu-name] .grid-item + hr {
  margin-block: 1.6rem;
}
web-mobile-menu [data-menu-name] web-button .button.button-secondary web-icon {
  color: #f173ac;
}
web-mobile-menu [data-menu-name] .grid-item {
  display: grid;
  gap: 1rem;
}
web-mobile-menu [data-menu-name] .grid-item .h4 {
  font-family: inshared_sans_medium, Adjusted Arial Bold Fallback, sans-serif;
  font-size: 1.9rem;
  font-weight: var(--web-list-font-weight);
  line-height: 1.6;
  margin-block: 0;
  color: var(--grid-item-color-heading);
}
web-mobile-menu [data-menu-name] .grid-item p {
  margin-block: 0;
  font-size: 1.7rem;
  line-height: 1.6;
  color: var(--grid-item-color-text);
}
web-mobile-menu [data-menu-name] .grid-item a.link {
  --color-fill-icon-start: #f173ac;
  --color-text: var(--grid-item-color-text);
  --link-gap: 0.8rem;
  --link-icon-height: 2.4rem;
  --link-icon-width: 2.4rem;
  font-size: var(--grid-item-link-font-size);
  text-decoration: none;
}
web-mobile-menu [data-menu-name] .grid-item a.link:hover {
  --color-text: #0d7ff4;
}
web-mobile-menu [data-menu-name] .grid-item a.link web-icon {
  color: #f173ac;
  --icon-height: 2.4rem;
  --icon-width: 2.4rem;
}
web-mobile-menu [data-menu-name] .grid-item .web-list {
  --web-list-padding-block: 0.6rem;
}
web-mobile-menu [data-menu-name] .grid-item .web-list a {
  --color-text: var(--grid-item-color-text);
  font-size: var(--grid-item-link-font-size);
}
web-mobile-menu [data-menu-name] .grid-item .web-list a:hover {
  --color-text: #0d7ff4;
}
@keyframes mm-slide-in {
  0% {
    opacity: 0;
    transform: translateX(var(--translate-x));
    display: none;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    display: block;
  }
}
@keyframes mm-slide-out {
  0% {
    opacity: 1;
    transform: translateX(0);
    display: block;
  }
  100% {
    opacity: 0;
    transform: translateX(var(--translate-x));
    display: none;
  }
}
@keyframes backdrop-fade-in {
  0% {
    background-color: rgba(34, 34, 34, 0);
  }
  100% {
    background-color: rgba(34, 34, 34, 0.25);
  }
}

web-overlay {
  --animation: none;
  position: fixed;
  display: none;
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.32);
  z-index: 1000;
  transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), display 0.4s;
}
web-overlay .web-overlay-backdrop {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
web-overlay .web-overlay-container {
  display: flex;
  border: 0.1rem solid #dadada;
  border-radius: 1rem;
  background: white;
  max-height: 100%;
  box-shadow: 0 1rem 2rem #585750;
  width: 100%;
  padding: 0;
  margin: auto;
  flex-direction: column;
  z-index: 1001;
  animation: var(--animation) 0.3s ease-out forwards;
}
web-overlay .web-overlay-container .web-overlay-header {
  display: none;
  padding: 2rem;
  justify-content: flex-start;
  height: 7.4rem;
  box-sizing: border-box;
  border-bottom: 0.1rem solid #f6f6f6;
}
web-overlay .web-overlay-container .web-overlay-header.show-header {
  display: flex;
}
web-overlay .web-overlay-container .web-overlay-content {
  max-height: 100%;
  flex: 1;
}
web-overlay .web-overlay-container:has(.web-overlay-header) .web-overlay-content {
  max-height: calc(100% - 7.4rem);
}
web-overlay .web-overlay-container .web-overlay-close {
  position: absolute;
  right: 0;
  top: 1.6rem;
}
web-overlay .web-overlay-container.full-screen {
  height: 100%;
}
@media (min-width: 768px) {
  web-overlay .web-overlay-container {
    width: 768px;
    max-height: 95%;
  }
  web-overlay .web-overlay-container.full-screen {
    height: auto;
  }
}
@keyframes scaleup {
  from {
    scale: 0;
  }
}
@keyframes scaledown {
  to {
    scale: 0;
  }
}
web-overlay.web-overlay--opened {
  transition-behavior: allow-discrete;
  display: flex;
  opacity: 1;
  --animation: scaleup;
}
web-overlay.web-overlay--closed {
  transition-behavior: allow-discrete;
  display: none;
  opacity: 0;
  --animation: scaledown;
}
web-overlay[anchored] {
  background-color: transparent;
}
web-overlay[anchored] .web-overlay-container {
  top: initial;
  inset-inline: 0;
  translate: 0;
  bottom: 0;
  border-radius: 0;
  width: 100%;
}
@keyframes slide-up {
  from {
    transform: translateY(100%);
  }
}
@keyframes slide-down {
  to {
    transform: translateY(100%);
  }
}
web-overlay.web-overlay--opened[anchored] {
  --animation: slide-up;
}
web-overlay.web-overlay--closed[anchored] {
  --animation: slide-down;
}

web-scrolling-trigger {
  display: none;
}

.web-search {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.web-search .message {
  margin-top: var(--spacing-md);
  font-style: italic;
  font-size: var(--font-size-small);
}
.web-search .results {
  margin-top: var(--spacing-lg);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}
@media (min-width: 992px) {
  .web-search .results {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.web-search .search {
  position: relative;
}
.web-search .search web-icon {
  --icon-height: 3.2rem;
  --icon-width: 3.2rem;
  height: 2.4rem;
  position: absolute;
  right: 1rem;
  top: 50%;
  color: #f173ac;
  transform: translateY(-50%);
  pointer-events: none;
}
.web-search input {
  width: 100%;
}
.web-search button {
  margin-top: 2.4rem;
}

.search-section .search-container {
  margin-top: 1.6rem;
}
.search-section .search-container .search {
  max-width: 54.8rem;
}

.web-table {
  --web-table-background-color: #ffffff;
  --web-table-alternate-color: #f6f6f6;
  --web-table-hightlight-color: #fce3ee;
  --web-table-border-color: #dadada;
  --web-table-border-hightlight: #f9c7de;
  --web-table-select-icon: url("/assets/icons/ui/chevron-down.svg");
  display: block;
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1);
  border-radius: 0.8rem;
}
.web-table.alternate {
  --web-table-background-color: var(--web-table-alternate-color);
}
.web-table table {
  width: 100%;
  border-collapse: collapse;
}
.web-table table th,
.web-table table td {
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: normal;
  text-align: center;
  padding: 1.6rem 2.4rem;
  background-color: var(--web-table-background-color);
  border: solid #dadada;
  border-width: 1px 1px 0 0;
}
.web-table table th.highlighted,
.web-table table td.highlighted {
  background-color: var(--web-table-hightlight-color);
  border-color: var(--web-table-border-hightlight);
}
.web-table table th:last-child,
.web-table table td:last-child {
  border-right: 0;
}
.web-table table th > span,
.web-table table td > span {
  display: block;
  margin-block: 0.8rem;
  color: #222222;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.6;
}
.web-table table th > web-icon,
.web-table table td > web-icon {
  display: inline-flex;
  justify-self: center;
  vertical-align: middle;
  color: #f173ac;
  --icon-width: 2.4rem;
  --icon-height: 2.4rem;
}
.web-table table th > web-tooltip,
.web-table table td > web-tooltip {
  vertical-align: middle;
  display: inline-block;
  color: #f173ac;
  cursor: pointer;
}
.web-table table th web-button .button,
.web-table table td web-button .button {
  gap: 0.4rem;
  --icon-start-size: 1.6rem;
  --spacing-padding-inline: 0;
}
.web-table table thead th,
.web-table table thead td {
  position: sticky;
  border-top: none;
  top: 0;
}
@media screen and (min-width: 992px) {
  .web-table table thead th,
  .web-table table thead td {
    top: 8rem;
  }
}
.web-table table thead th:has(select),
.web-table table thead td:has(select) {
  vertical-align: top;
}
.web-table table thead th:first-child,
.web-table table thead td:first-child {
  border-top-left-radius: 0.8rem;
}
.web-table table thead th:last-child,
.web-table table thead td:last-child {
  border-top-right-radius: 0.8rem;
}
.web-table table thead strong {
  display: block;
  font-size: 2rem;
  line-height: 1.5;
  margin-bottom: 0.8rem;
}
.web-table table thead .select {
  position: relative;
  margin-bottom: 0.8rem;
}
.web-table table thead .select select {
  width: 100%;
  font-size: 1.7rem;
  font-weight: bold;
  margin: 0 auto;
  padding: 0.8rem;
  border-color: #b8b7b3;
  border-radius: 0.4rem;
  appearance: none;
  outline: none;
}
.web-table table thead .select select:active, .web-table table thead .select select:focus {
  border-color: #bf417a;
}
.web-table table thead .select::after {
  content: "";
  -webkit-mask-image: var(--web-table-select-icon);
          mask-image: var(--web-table-select-icon);
  background: #f173ac;
  width: 2rem;
  height: 2rem;
  position: absolute;
  right: 0.4rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.web-table table thead img {
  width: 100%;
  max-width: 130px;
  margin-inline: auto;
}
.web-table table tbody th {
  text-align: left;
  max-width: 175px;
}
.web-table table tbody td {
  font-weight: bold;
  color: #585750;
}
.web-table table tfoot tr > *:first-child,
.web-table table table:not(:has(tfoot)) tbody tr:last-child > *:first-child {
  border-bottom-left-radius: 0.8rem;
}
.web-table table tfoot tr td:last-child,
.web-table table table:not(:has(tfoot)) tbody tr:last-child td:last-child {
  border-bottom-right-radius: 0.8rem;
}

web-testimonials {
  display: block;
}
@keyframes web-testimonial-bullet {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
    scale: 2;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
web-testimonials .testimonial-list-items {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
web-testimonials .testimonial-list-items .web-balloon {
  margin-left: 100px;
}
web-testimonials .testimonial-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  font-size: 2rem;
  color: #f173ac;
}
web-testimonials .testimonial-loading span {
  animation: web-testimonial-bullet 1.8s linear infinite both;
}
web-testimonials .testimonial-loading span:nth-child(2) {
  animation-delay: 0.3s;
}
web-testimonials .testimonial-loading span:nth-child(3) {
  animation-delay: 0.6s;
}

.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform, visibility, opacity;
}

.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}

.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}

.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}

.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}

.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}

.tippy-box[data-theme~=inshared] {
  background-color: #ffffff;
  color: #222222;
  border: 0.2rem solid #f173ac;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
  font-size: 1.7rem;
  border-radius: 1rem;
  padding: 0.8rem 1.6rem;
  text-align: center;
  width: 20rem;
}
.tippy-box[data-theme~=inshared] .tippy-content {
  padding: 0;
}

.tippy-box[data-theme~=inshared][data-placement^=top] > .tippy-arrow::before {
  border-top-color: #f173ac;
  border-width: 1.2rem 0.8rem 0 0.8rem;
  bottom: -1.2rem;
}
.tippy-box[data-theme~=inshared][data-placement^=top] > .tippy-arrow::after {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
  bottom: -0.9rem;
  left: 0.2rem;
  border-width: 1rem 0.6rem 0 0.6rem;
  border-top-color: #ffffff;
}

.tippy-box[data-theme~=inshared][data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: #f173ac;
  border-width: 0 0.8rem 1.2rem 0.8rem;
  top: -1.2rem;
}
.tippy-box[data-theme~=inshared][data-placement^=bottom] > .tippy-arrow::after {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
  top: -0.9rem;
  left: 0.2rem;
  border-width: 0 0.6rem 1.1rem 0.6rem;
  border-bottom-color: #ffffff;
}

.tippy-box[data-theme~=inshared][data-placement^=left] > .tippy-arrow::before {
  border-left-color: #f173ac;
}

.tippy-box[data-theme~=inshared][data-placement^=right] > .tippy-arrow::before {
  border-right-color: #f173ac;
}

web-top-brand {
  --top-brand-height: 4.8rem;
  --top-brand-max-height: 4.8rem;
}
web-top-brand .brand {
  display: flex;
  gap: 0.6rem;
  margin: 1rem 0 1rem 0.6rem;
  height: var(--top-brand-height);
  max-height: var(--top-brand-max-height);
}
web-top-brand .brand.collectivity {
  gap: 0;
}
@media (max-width: 575px) {
  web-top-brand .brand.collectivity {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  web-top-brand .brand img {
    width: 11rem;
  }
}
@media (min-width: 992px) {
  web-top-brand .brand {
    margin-left: unset;
  }
}
web-top-brand .brand .logo,
web-top-brand .brand .slogan {
  height: 100%;
  width: auto;
}
web-top-brand .brand .slogan {
  display: none;
}
@media (min-width: 992px) {
  web-top-brand .brand .slogan {
    display: block;
  }
}

web-top-menu {
  display: flex;
  height: min-content;
  align-self: center;
}
web-top-menu .content {
  display: flex;
}
web-top-menu .content.hidden {
  display: none;
}
web-top-menu .content .auth-menu {
  --gap-auth-menu: 2.8rem;
  display: flex;
  align-items: center;
}
@media (min-width: 1024px) {
  web-top-menu .content .auth-menu .item {
    position: relative;
  }
  web-top-menu .content .auth-menu .item:not(:nth-last-child(1 of .item)) {
    margin-right: var(--gap-auth-menu);
  }
  web-top-menu .content .auth-menu .item:not(:nth-last-child(1 of .item))::after {
    content: "";
    position: absolute;
    top: 50%;
    right: calc(var(--gap-auth-menu) / 2 * -1);
    transform: translateY(-50%);
    height: 2rem;
    border-right: 0.2rem solid #dadada;
  }
}
web-top-menu .content .auth-menu:not(:defined) .dropdown-menu,
web-top-menu .content .auth-menu:not(:defined) .personal-menu-item {
  display: none;
}
web-top-menu .content .auth-menu .mobile-menu-button {
  display: flex;
  height: 100%;
}
web-top-menu .content .auth-menu .mobile-menu-button .button {
  --spacing-padding-block: 0.4rem;
  --spacing-padding-inline: 0;
}
web-top-menu .content .auth-menu .mobile-menu-button .button.button-secondary {
  --color-background: transparent;
  --color-border: transparent;
  --color-box-shadow: transparent;
  --color-text: #f173ac;
}
web-top-menu .content .auth-menu .mobile-menu-button web-icon.icon-start {
  --icon-height: 4rem;
  --icon-width: 4rem;
}
@media screen and (min-width: 1024px) {
  web-top-menu .content .auth-menu .mobile-menu-button {
    display: none;
  }
}
web-top-menu .content .auth-menu .mobile-menu-button.mobile-menu-button-account web-icon.icon-start {
  color: #222222;
}
web-top-menu .content a {
  text-decoration: none;
  color: #222222;
  padding: 1.2rem 0;
}
web-top-menu .content a:hover {
  color: #f173ac;
}
web-top-menu .content .item {
  display: flex;
}
web-top-menu .content .item.damage-item {
  display: none;
}
@media (min-width: 1024px) {
  web-top-menu .content .item.damage-item {
    display: block;
  }
}
web-top-menu .content .item.personal-menu-item {
  display: block;
  position: relative;
}
web-top-menu .content .item.personal-menu-item--new-menu {
  display: none;
}
@media (min-width: 1024px) {
  web-top-menu .content .item.personal-menu-item--new-menu {
    display: block;
    position: relative;
  }
}
web-top-menu .content web-icon.arrow-icon {
  --icon-height: 4rem;
  --icon-width: 4rem;
  position: absolute;
  top: 1.2rem;
  left: -3.2rem;
  color: #f173ac;
}
web-top-menu .content web-icon.personal-data-icon, web-top-menu .content web-icon.contact-icon {
  --icon-height: 3.2rem;
  --icon-width: 3.2rem;
}
@media (min-width: 1024px) {
  web-top-menu .content web-icon.personal-data-icon, web-top-menu .content web-icon.contact-icon {
    --icon-height: 2.4rem;
    --icon-width: 2.4rem;
  }
}
web-top-menu .content web-icon.open-menu-icon {
  --icon-height: 1.2rem;
  --icon-width: 1.2rem;
}
web-top-menu .content .personal-menu {
  display: flex;
  align-items: center;
  text-decoration: none;
  position: relative;
}
web-top-menu .content .personal-menu .insurance-map {
  display: none;
  position: absolute;
  bottom: 100%;
  transform: translateY(50%);
  color: #f173ac;
  font-family: casino_hand, cursive;
  font-size: 2.2rem;
}
web-top-menu .content .personal-menu .insurance-map .insurance-text {
  white-space: nowrap;
}
@media (min-width: 1024px) {
  web-top-menu .content .personal-menu .insurance-map {
    display: block;
  }
}
web-top-menu .content .personal-menu .user-name {
  display: none;
  white-space: nowrap;
  font-size: 1.6rem;
}
@media (min-width: 576px) {
  web-top-menu .content .personal-menu .user-name {
    display: block;
  }
}

.dropdown-menu {
  position: absolute;
  z-index: 90;
  top: 3rem;
  padding: 1.6rem 3.2rem;
  margin: 1.6rem 0;
  min-width: 27rem;
  color: #222222;
  list-style: none;
  background-clip: padding-box;
  border: 0.2rem solid #f173ac;
  border-radius: 1rem;
  background-color: #ffffff;
  right: 0;
}
.dropdown-menu:before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  top: -2.2rem;
  right: 2.6rem;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #f173ac;
  border-width: 1.1rem;
}
.dropdown-menu:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  top: -1.9rem;
  right: 2.7rem;
  margin-left: -1rem;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #ffffff;
  border-width: 1rem;
}
.dropdown-menu li {
  border-top: 0.1rem solid #f6f6f6;
  padding: 0.7rem 0.4rem;
}
.dropdown-menu li:first-child {
  border-top: none;
  padding-top: 1.6rem;
}
.dropdown-menu li:last-child {
  padding-bottom: 1.6rem;
}
.dropdown-menu li a {
  width: 100%;
  text-decoration: none;
  color: #222222;
  padding: 0;
}
.dropdown-menu li a:hover {
  color: #f173ac;
}

web-video {
  --web-video-aspect-ratio: 16 / 9;
  display: block;
  width: 100%;
}
web-video mux-player {
  display: block;
  width: 100%;
  aspect-ratio: var(--web-video-aspect-ratio);
  --media-dialog-display: none;
  --media-background-color: transparent;
}
web-video .placeholder {
  aspect-ratio: var(--web-video-aspect-ratio);
  width: 100%;
}
web-video .placeholder img {
  display: block;
  width: 100%;
  height: auto;
}

.web-videos {
  justify-items: center;
  align-items: center;
  gap: 1.6rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  width: 100%;
}
.web-videos img {
  width: revert-layer;
  height: auto;
  object-fit: cover;
}

web-visibility-trigger {
  position: absolute;
  top: 0;
}

web-home-funnel-entrance {
  --_postalcode-width: 120px;
  --_housenumber-width: 80px;
}
web-home-funnel-entrance.compact {
  --_postalcode-width: 90px;
  --_housenumber-width: 60px;
}
web-home-funnel-entrance.compact form {
  flex-direction: row;
}
web-home-funnel-entrance p {
  font-size: 1.4rem;
}
web-home-funnel-entrance form {
  display: flex;
  gap: 1.2rem;
  flex-direction: column;
}
@media (min-width: 576px) {
  web-home-funnel-entrance form {
    flex-direction: row;
    align-items: end;
  }
}
web-home-funnel-entrance form .fieldset {
  appearance: none;
  border: 0;
  padding: 0;
  margin: 0;
}
web-home-funnel-entrance form input[type=text] {
  padding: 0.8rem 1.2rem 0.4rem;
}
web-home-funnel-entrance form input[type=text].postalcode {
  width: var(--_postalcode-width);
  margin-right: 0.4rem;
}
web-home-funnel-entrance form input[type=text].housenumber {
  width: var(--_housenumber-width);
}
web-home-funnel-entrance form input[type=text]::placeholder {
  color: #b8b7b3;
  text-transform: none;
}

web-pet-funnel-entrance h1 {
  margin-bottom: 2.4rem;
}
web-pet-funnel-entrance .pet-funnel-entrance {
  display: flex;
  column-gap: 0.8rem;
  flex-direction: column;
}
@media (min-width: 576px) {
  web-pet-funnel-entrance .pet-funnel-entrance {
    flex-direction: row;
    align-items: center;
  }
}
web-pet-funnel-entrance .pet-funnel-entrance .pet-radio-tiles {
  display: flex;
}
@media (max-width: 576px) {
  web-pet-funnel-entrance .pet-funnel-entrance .pet-radio-tiles {
    display: none;
  }
}
web-pet-funnel-entrance .pet-funnel-entrance .input-radio-tile {
  display: flex;
  flex-direction: column;
  text-align: center;
  border: none;
  background: none;
}
web-pet-funnel-entrance .pet-funnel-entrance .input-radio-tile .input-radio-tile__content {
  position: relative;
  margin: 0 auto;
  border-width: 0.1rem;
  border-color: #b8b7b3;
  border-style: solid;
  border-radius: 0.4rem;
  cursor: pointer;
  padding: 0.8rem;
}
web-pet-funnel-entrance .pet-funnel-entrance .input-radio-tile .input-radio-tile__content web-icon {
  --icon-height: 6rem;
  --icon-width: 6rem;
  color: #585750;
}
web-pet-funnel-entrance .pet-funnel-entrance .input-radio-tile .input-radio-tile__content--selected {
  border-color: #f173ac;
  border-style: solid;
  background-color: #f173ac;
}
web-pet-funnel-entrance .pet-funnel-entrance .input-radio-tile .input-radio-tile__content--selected web-icon {
  --icon-height: 6rem;
  --icon-width: 6rem;
  color: #ffffff;
}
web-pet-funnel-entrance .pet-funnel-entrance .input-radio-tile .input-radio-tile__content--selected .input-radio-tile__content__check {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  z-index: 1;
  border-width: 0.2rem;
  border-color: #ffffff;
  border-style: solid;
  border-radius: 50%;
  background-color: #f173ac;
}
web-pet-funnel-entrance .pet-funnel-entrance .input-radio-tile .input-radio-tile__content--selected .input-radio-tile__content__check .input-radio-tile__content__check-icon {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
}
web-pet-funnel-entrance .pet-funnel-entrance .input-radio-tile .input-radio-tile__text {
  margin-top: 0.8rem;
}
web-pet-funnel-entrance .pet-funnel-entrance web-button {
  display: block;
  margin-bottom: 0.8rem;
}
web-pet-funnel-entrance .pet-funnel-entrance web-button button {
  width: 100%;
}
web-pet-funnel-entrance .pet-funnel-entrance web-button + p {
  text-align: center;
}

web-select-funnel-entrance {
  --_bicycle-type-width: 120px;
  --_select-icon: url("/assets/icons/ui/chevron-down.svg");
}
web-select-funnel-entrance.compact {
  --_bicycle-type-width: 90px;
}
web-select-funnel-entrance.compact form {
  flex-direction: row;
}
web-select-funnel-entrance p {
  font-size: 1.4rem;
}
web-select-funnel-entrance form {
  display: flex;
  gap: 1.2rem;
  flex-direction: column;
}
@media (min-width: 576px) {
  web-select-funnel-entrance form {
    flex-direction: row;
    align-items: center;
  }
}
web-select-funnel-entrance form .fieldset {
  appearance: none;
  border: 0;
  padding: 0;
  margin: 0;
}
web-select-funnel-entrance form .select {
  position: relative;
  display: inline-block;
}
web-select-funnel-entrance form .select select {
  width: 100%;
  font-size: 1.7rem;
  margin: 0 auto;
  padding: 0.8rem;
  padding-right: 2.4rem;
  border-color: #b8b7b3;
  border-radius: 0.4rem;
  appearance: none;
  outline: none;
  background-color: #ffffff;
}
web-select-funnel-entrance form .select select:active, web-select-funnel-entrance form .select select:focus {
  border-color: #bf417a;
}
web-select-funnel-entrance form .select select.no-value {
  color: #b8b7b3;
}
web-select-funnel-entrance form .select select.no-value option:not([disabled]) {
  color: #222222;
}
web-select-funnel-entrance form .select::after {
  content: "";
  -webkit-mask-image: var(--_select-icon);
          mask-image: var(--_select-icon);
  background: #f173ac;
  width: 2rem;
  height: 2rem;
  position: absolute;
  right: 0.4rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
web-select-funnel-entrance .web-balloon {
  display: inline-block;
  margin-top: 1.6rem;
}

web-vehicle-funnel-entrance h1 {
  margin-bottom: 2.4rem;
}
web-vehicle-funnel-entrance form {
  display: flex;
  gap: 1.2rem;
  flex-direction: column;
}
@media (min-width: 576px) {
  web-vehicle-funnel-entrance form {
    flex-direction: row;
    align-items: center;
  }
}
web-vehicle-funnel-entrance .fieldset {
  appearance: none;
  border: 0;
  padding: 0;
  margin: 0;
}
web-vehicle-funnel-entrance.compact form {
  flex-direction: row;
}
web-vehicle-funnel-entrance.compact form input[type=text] {
  width: 100%;
  min-width: 140px;
}
web-vehicle-funnel-entrance web-license-plate,
web-vehicle-funnel-entrance web-button {
  display: block;
  margin-bottom: 0.8rem;
}
web-vehicle-funnel-entrance web-button button {
  width: 100%;
}
web-vehicle-funnel-entrance web-button + p {
  text-align: center;
}

/** Country specific code.
    @TODO: Move to country when bundling is fixed
 */
html[lang=nl-NL] web-license-plate {
  --badge-background-color: #ffb700;
  --badge-text-color: #222222;
}

.layout > main {
  --row-gap-content: var(--_layout-page-section-gap-lg);
}

main > header {
  display: grid;
  gap: var(--page-header-gap-block, 0.8rem);
}
main > header h1 {
  text-wrap-style: balance;
}
main > header p {
  max-width: 73rem;
}

.web-section {
  --web-section-padding: 0;
}

/*# sourceMappingURL=styles.36aaf18222bdc188.css.map*/