@charset "UTF-8";@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Display&display=swap');/**
 * Swiper 11.2.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 10, 2025
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          -moz-appearance: none;
       appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform,
        200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
        200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
/* stylelint-disable custom-property-pattern,selector-max-type,selector-class-pattern,selector-attribute-name-disallowed-list, selector-max-universal
   -- use different approaches for histoire styles */
[class*=PcomModuleWrapper__root] * {
  border-color: initial;
}

body {
  font-family: "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}

.control-box {
  margin: 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid rgba(var(--_histoire-color-gray-200)/1);
  transition: border 150ms ease-in-out 0s;
}
.control-box__headline {
  font-size: 1rem;
  font-weight: bold;
  padding: 0.5rem;
  transition: color 150ms ease-in-out 0s;
}
.control-box__field {
  padding: 0.5rem;
}
.control-box:hover, .control-box:focus-within {
  border-color: rgb(var(--_histoire-color-primary-500));
}
.control-box:hover .control-box__headline, .control-box:focus-within .control-box__headline {
  color: rgb(var(--_histoire-color-primary-500));
}

.__histoire-render-story:not(.__histoire-render-custom-controls) {
  overflow: inherit;
}

.histoire-story-docs a:link {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  border-radius: 4px;
  margin-left: -2px;
  margin-right: -2px;
  padding-left: 2px;
  padding-right: 2px;
  transition: background var(--p-transition-duration, 0.25s) cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media (hover: hover) {
  .histoire-story-docs a:link:hover {
    background: rgba(148, 149, 152, 0.18);
  }
}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

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

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  -webkit-text-decoration: underline;
  text-decoration: underline; /* 2 */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

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

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

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

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

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

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

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

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

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

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

:where(div#app) {
  line-height: initial;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(div#app) h1,
:where(div#app) h2,
:where(div#app) h3,
:where(div#app) h4,
:where(div#app) h5,
:where(div#app) h6,
:where(div#app) p {
  margin: 0;
}
:where(div#app) sup {
  font-size: 0.666667em;
  line-height: 1;
  padding: 0 0 0 0.1ex;
}

[v-cloak] {
  display: none;
}

:root {
  /* Global fluid module spacings */
  --pcom-module-space-none: 0;
  --pcom-module-space-small: clamp(2rem, 1.66667vw + 1.66667rem, 3.5rem);
  --pcom-module-space-medium: clamp(3rem, 2.22222vw + 2.55556rem, 5rem);
  --pcom-module-space-large: clamp(4.5rem, 3.33333vw + 3.83333rem, 7.5rem);
  --pcom-module-space-background: clamp(2rem, 1.11111vw + 1.77778rem, 3rem);
  --pcom-spacing-x-small: clamp(4px, 0.25vw + 3px, 8px);
  --pcom-spacing-small: clamp(8px, 0.5vw + 6px, 16px);
  --pcom-spacing-medium: clamp(16px, 1.25vw + 12px, 36px);
  --pcom-spacing-large: clamp(32px, 2.75vw + 23px, 76px);
  --pcom-spacing-x-large: clamp(48px, 3vw + 38px, 96px);
  --pcom-spacing-xx-large: clamp(80px, 7.5vw + 56px, 200px);
  --pcom-motion-duration-long: 0.6s;
  --pcom-motion-duration-moderate: 0.4s;
  --pcom-motion-duration-short: 0.25s;
  --pcom-motion-duration-very-long: 1.2s;
  --pcom-motion-easing-base: cubic-bezier(0.25, 0.1, 0.25, 1);
  --pcom-motion-easing-in: cubic-bezier(0, 0, 0.2, 1);
  --pcom-motion-easing-out: cubic-bezier(0.4, 0, 0.5, 1);
  --pcom-image-hover-scale: scale3d(1.05, 1.05, 1.05);
  --pcom-grid-gap: clamp(16px, 1.25vw + 12px, 36px);
}

body {
  font-family: "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}

/**
 * As the pcom-module-wrapper is a template element
 * that will be transformed during render, it should
 * be not visible if vue was not yet instantiated.
 */
pcom-module-wrapper {
  visibility: hidden;
  content-visibility: hidden;
}

.screen-reader-only {
  position: absolute;
  height: 1px;
  width: 1px;
  border: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
}

/**
 * As we want to have some more spacing between main element
 * and footer, we need to add some extra padding when footer
 * is available.
 */
pnav-footer {
  display: block;
  padding-top: var(--pcom-spacing-large);
}.cloudimage-360-icons-container {
  position: absolute;
  display: flex;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 95%;
  flex-direction: column;
  align-items: center;
  z-index: 101;
}

.cloudimage-360-magnifier-icon {
  width: 25px;
  height: 25px;
  margin-bottom: 5px;
  cursor: pointer;
  background: url('https://scaleflex.cloudimg.io/v7/filerobot/js-cloudimage-360-view/loupe.svg') 50% 50% / cover no-repeat;
}

.cloudimage-360-fullscreen-icon {
  width: 25px;
  height: 25px;
  margin-bottom: 5px;
  cursor: pointer;
  background: url('https://scaleflex.cloudimg.io/v7/filerobot/js-cloudimage-360-view/full_screen.svg') 50% 50% / cover no-repeat;
}

.cloudimage-360-reset-zoom-icon {
  display: none;
  width: 30px;
  height: 30px;
  margin-top: auto;
  cursor: pointer;
  background: url('https://scaleflex.cloudimg.io/v7/filerobot/js-cloudimage-360-view/ic-resize.svg?vh=248986') 50% 50% / cover no-repeat;
}

.cloudimage-360-close-fullscreen-icon {
  width: 25px;
  height: 25px;
  cursor: pointer;
  background: url('https://scaleflex.cloudimg.io/v7/filerobot/js-cloudimage-360-view/cross.svg') 50% 50% / cover no-repeat;
}

.cloudimage-360-loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 0%;
  height: 8px;
  background-color: rgb(165, 175, 184);
  z-index: 100;
}

.cloudimage-360-box-shadow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
}

.cloudimage-360-view-360-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100px;
  height: 100px;
  margin: auto;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 4px;
  transition: 0.5s all;
  color: rgb(80, 80, 80);
  text-align: center;
  line-height: 100px;
  z-index: 2;
}

.cloudimage-360-view-360-circle {
  position: absolute;
  left: 0;
  right: 0;
  width: 80%;
  height: auto;
  margin: auto;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: 0.5s all;
  z-index: 2;
}

.cloudimage-360-fullscreen-modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: #FFF;
}

.cloudimage-360-img-magnifier-glass {
  background-color: #FFF;
  background-repeat: no-repeat;
  position: absolute;
  border: 3px solid #000;
  border-radius: 50%;
  cursor: wait;
  line-height: 200px;
  text-align: center;
  z-index: 1000;
  width: 250px;
  height: 250px;
  top: -75px;
  right: -85px;
}

.cloudimage-360 .cloudimage-360-left,
.cloudimage-360 .cloudimage-360-right {
  padding: 8px;
  background: rgb(244, 244, 244);
  border: none;
  border-radius: 4px;
}

.cloudimage-360 .cloudimage-360-left:focus,
.cloudimage-360 .cloudimage-360-right:focus {
  outline: none;
}

.cloudimage-360 .cloudimage-360-left {
  display: none;
  position: absolute;
  z-index: 100;
  top: calc(50% - 15px);
  left: 20px;
}

.cloudimage-360 .cloudimage-360-right {
  display: none;
  position: absolute;
  z-index: 100;
  top: calc(50% - 15px);
  right: 20px;
}

.cloudimage-360 .cloudimage-360-left:before,
.cloudimage-360 .cloudimage-360-right:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  background: 50% 50% / cover no-repeat;
}

.cloudimage-360 .cloudimage-360-left:before {
  background-image: url('https://cdn.scaleflex.it/plugins/js-cloudimage-360-view/assets/img/arrow-left.svg');
}

.cloudimage-360 .cloudimage-360-right:before {
  background-image: url('https://cdn.scaleflex.it/plugins/js-cloudimage-360-view/assets/img/arrow-right.svg');
}

.cloudimage-360 .cloudimage-360-left.not-active,
.cloudimage-360 .cloudimage-360-right.not-active {
  opacity: 0.4;
  cursor: default;
  pointer-events: none;
}

.cloudimage-360 .cloudimage-360-top,
.cloudimage-360 .cloudimage-360-bottom {
  padding: 8px;
  background: rgb(244, 244, 244);
  border: none;
  border-radius: 4px;
}

.cloudimage-360 .cloudimage-360-top:focus,
.cloudimage-360 .cloudimage-360-bottom:focus {
  outline: none;
}

.cloudimage-360 .cloudimage-360-top {
  display: none;
  position: absolute;
  z-index: 100;
  left: calc(50% - 15px);
  top: 20px;
  transform: rotate(90deg);
}

.cloudimage-360 .cloudimage-360-bottom {
  display: none;
  position: absolute;
  z-index: 100;
  left: calc(50% - 15px);
  bottom: 20px;
  transform: rotate(90deg);
}

.cloudimage-360 .cloudimage-360-top:before,
.cloudimage-360 .cloudimage-360-bottom:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  background: 50% 50% / cover no-repeat;
}

.cloudimage-360 .cloudimage-360-top:before {
  background-image: url('https://cdn.scaleflex.it/plugins/js-cloudimage-360-view/assets/img/arrow-left.svg');
}

.cloudimage-360 .cloudimage-360-bottom:before {
  background-image: url('https://cdn.scaleflex.it/plugins/js-cloudimage-360-view/assets/img/arrow-right.svg');
}

.cloudimage-360 .cloudimage-360-top.not-active,
.cloudimage-360 .cloudimage-360-bottom.not-active {
  opacity: 0.4;
  cursor: default;
}.cloudimage-360-hotspot-link-icon {
  width: 42px;
  height: 42px;
  background: rgba(12, 109, 199, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  box-sizing: border-box;
  transition: opacity 600ms ease-in-out;
  cursor: auto;
}

.cloudimage-360-hotspot-link-icon::before {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  background-image: url('https://scaleflex.cloudimg.io/v7/plugins/js-cloudimage-360-view/assets/img/link-hotspot.svg');
  background-color: #0C6DC7;
  background-repeat: no-repeat;
  background-size: 9px;
  background-position: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25);
  border-radius: 50%;
	animation: pulse 2s infinite;
  cursor: auto;
}

.cloudimage-360-hotspot-custom-icon {
  width: 42px;
  height: 42px;
  background: #76AD0133;
  border: 1px solid #FFFFFF33;
  border-radius: 50%;
  box-sizing: border-box;
  transition: opacity 300ms ease-in-out;
  cursor: auto;
}

.cloudimage-360-hotspot-custom-icon::before {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  background-image: url('https://scaleflex.cloudimg.io/v7/plugins/js-cloudimage-360-view/assets/img/plus.svg');
  background-color: #76AD01;
  background-repeat: no-repeat;
  background-size: 9px;
  background-position: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25);
  border-radius: 50%;
	animation: pulse 2s infinite;
  cursor: auto;
}

.cloudimage-360-hotspot-popup {
  visibility: hidden;
  opacity: 0;
  background-color: #FFFFFF;
  padding: 6px;
  border-radius: 2px;
  box-shadow: 0px 4px 4px 0px #00000040;
  z-index: 999;
}

.cloudimage-360-hotspot-popup[data-show] {
  visibility: visible;
  opacity: 1;
}

.cloudimage-360-popup-arrow,
.cloudimage-360-popup-arrow::before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
  cursor: 'auto';
}

.cloudimage-360-popup-arrow {
  visibility: hidden;
}

.cloudimage-360-popup-arrow::before {
  visibility: visible;
  content: '';
  transform: rotate(45deg);
}

.cloudimage-360-hotspot-popup[data-popper-placement^='top']
  > .cloudimage-360-popup-arrow {
  bottom: -4px;
}

.cloudimage-360-hotspot-popup[data-popper-placement^='bottom']
  > .cloudimage-360-popup-arrow {
  top: -4px;
}

.cloudimage-360-hotspot-popup[data-popper-placement^='left']
  > .cloudimage-360-popup-arrow {
  right: -4px;
}

.cloudimage-360-hotspot-popup[data-popper-placement^='right']
  > .cloudimage-360-popup-arrow {
  left: -4px;
}

.cloudimage-360-modal-wrapper {
  max-width: 222px;
}

.cloudimage-360-images-carousel-wrapper {
  margin: 0 auto;
}

.cloudimage-360-images-carousel {
  background-color: #f5f4f4;
  border-radius: 2px;
}

.cloudimage-360-images-carousel .cloudimage-360-carousel-image {
  display: none;
  object-fit: contain;
  min-height: 187px;
  max-width: 100%;
  max-height: 100%;
}

.cloudimage-360-images-carousel .cloudimage-360-carousel-image.active-image {
  display: block;
  animation-name: fade-active-image;
  animation-duration: 1.5s;
}

.cloudimage-360-carousel-dots {
  display: flex;
  -moz-column-gap: 6px;
       column-gap: 6px;
  justify-content: center;
  flex-wrap: wrap;
  margin: 5px auto;
  row-gap: 3px;
  padding: 0 6px;
  width: 50%;
}

.cloudimage-360-carousel-dot {
  width: 6px;
  height: 6px;
  background-color: #C9D0DE;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.6s ease;
  border: 0;
  padding: 0;
}

.cloudimage-360-carousel-dot.active-dot {
  background-color: #76AD01;
}

.cloudimage-360-carousel-dot:focus,
.cloudimage-360-carousel-dot:focus-visible {
  border: 0;
  outline: 0;
}

.cloudimage-360-modal-title {
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  margin: 4px 0;
}

.cloudimage-360-modal-description {
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
  margin: 4px 0;
}

.cloudimage-360-modal-more-details {
  color: #76AD01;
  background-color: #ECFAE6;
  font-size: 10px;
  line-height: 16px;
  font-weight: 400;
  padding: 4px 8px;
  transition: background-color 200ms ease-in-out;
  border-radius: 2px;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.cloudimage-360-modal-more-details:hover {
  color: #76AD01;
  background-color: #e1f5d8;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(99, 99, 99, 0.7);
	}

	70% {
		box-shadow: 0 0 0 10px rgba(99, 99, 99, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(99, 99, 99, 0);
	}
}

@keyframes fade-active-image {
  from { opacity: 0.7 }
  to { opacity: 1 }
}

.resize-observer[data-v-b329ee4c]{
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100%;
  border:none;
  background-color:transparent;
  pointer-events:none;
  display:block;
  overflow:hidden;
  opacity:0
}

.resize-observer[data-v-b329ee4c] object{
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  overflow:hidden;
  pointer-events:none;
  z-index:-1
}

.v-popper__popper{
  z-index:10000;
  top:0;
  left:0;
  outline:none
}

.v-popper__popper.v-popper__popper--hidden{
  visibility:hidden;
  opacity:0;
  transition:opacity .15s,visibility .15s;
  pointer-events:none
}

.v-popper__popper.v-popper__popper--shown{
  visibility:visible;
  opacity:1;
  transition:opacity .15s
}

.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{
  transition:none!important
}

.v-popper__backdrop{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:none
}

.v-popper__inner{
  position:relative;
  box-sizing:border-box;
  overflow-y:auto
}

.v-popper__inner>div{
  position:relative;
  z-index:1;
  max-width:inherit;
  max-height:inherit
}

.v-popper__arrow-container{
  position:absolute;
  width:10px;
  height:10px
}

.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{
  display:none
}

.v-popper__arrow-inner,.v-popper__arrow-outer{
  border-style:solid;
  position:absolute;
  top:0;
  left:0;
  width:0;
  height:0
}

.v-popper__arrow-inner{
  visibility:hidden;
  border-width:7px
}

.v-popper__arrow-outer{
  border-width:6px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{
  left:-2px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{
  left:-1px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{
  border-bottom-width:0;
  border-left-color:transparent!important;
  border-right-color:transparent!important;
  border-bottom-color:transparent!important
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{
  top:-2px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{
  top:0
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{
  border-top-width:0;
  border-left-color:transparent!important;
  border-right-color:transparent!important;
  border-top-color:transparent!important
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{
  top:-4px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{
  top:-6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{
  top:-2px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{
  top:-1px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{
  border-left-width:0;
  border-left-color:transparent!important;
  border-top-color:transparent!important;
  border-bottom-color:transparent!important
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{
  left:-4px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{
  left:-6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{
  right:-10px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{
  border-right-width:0;
  border-top-color:transparent!important;
  border-right-color:transparent!important;
  border-bottom-color:transparent!important
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{
  left:-2px
}

.v-popper--theme-dropdown .v-popper__inner{
  background:#fff;
  color:#000;
  border-radius:6px;
  border:1px solid #ddd;
  box-shadow:0 6px 30px #0000001a
}

.v-popper--theme-dropdown .v-popper__arrow-inner{
  visibility:visible;
  border-color:#fff
}

.v-popper--theme-dropdown .v-popper__arrow-outer{
  border-color:#ddd
}

.v-popper--theme-tooltip .v-popper__inner{
  background:rgba(0,0,0,.8);
  color:#fff;
  border-radius:6px;
  padding:7px 12px 6px
}

.v-popper--theme-tooltip .v-popper__arrow-outer{
  border-color:#000c
}

.htw-range-input::-webkit-slider-thumb{
  height:.75rem;
  width:.75rem;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  border-radius:9999px;
  border-width:1px;
  border-style:solid;
  border-color:#00000040;
  --tw-bg-opacity: 1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}

:is(.htw-dark .htw-range-input)::-webkit-slider-thumb{
  border-color:#ffffff40;
  --tw-bg-opacity: 1;
  background-color:rgb(63 63 70 / var(--tw-bg-opacity))
}

.htw-range-input:hover::-webkit-slider-thumb{
  --tw-border-opacity: 1 !important;
  border-color:rgb(16 185 129 / var(--tw-border-opacity))!important;
  --tw-bg-opacity: 1 !important;
  background-color:rgb(16 185 129 / var(--tw-bg-opacity))!important
}

.htw-range-input::-moz-range-thumb{
  height:.75rem;
  width:.75rem;
  -moz-appearance:none;
  -webkit-appearance:none;
  appearance:none;
  border-radius:9999px;
  border-width:1px;
  border-style:solid;
  border-color:#00000040;
  --tw-bg-opacity: 1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}

:is(.htw-dark .htw-range-input)::-moz-range-thumb{
  border-color:#ffffff40;
  --tw-bg-opacity: 1;
  background-color:rgb(63 63 70 / var(--tw-bg-opacity))
}

.htw-range-input:hover::-moz-range-thumb{
  --tw-border-opacity: 1 !important;
  border-color:rgb(16 185 129 / var(--tw-border-opacity))!important;
  --tw-bg-opacity: 1 !important;
  background-color:rgb(16 185 129 / var(--tw-bg-opacity))!important
}

.v-popper{
  line-height:0
}

.htw-dark .v-popper--theme-dropdown .v-popper__inner{
  --tw-border-opacity: 1;
  border-color:rgb(31 31 33 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color:rgb(63 63 70 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color:rgb(244 244 245 / var(--tw-text-opacity))
}

.htw-dark .v-popper--theme-dropdown .v-popper__arrow-inner{
  --tw-border-opacity: 1;
  border-color:rgb(63 63 70 / var(--tw-border-opacity))
}

.htw-dark .v-popper--theme-dropdown .v-popper__arrow-outer{
  --tw-border-opacity: 1;
  border-color:rgb(31 31 33 / var(--tw-border-opacity))
}

.v-popper--theme-dropdown.v-popper__popper--show-from .v-popper__wrapper{
  transform:scale(.75)
}

.v-popper--theme-dropdown.v-popper__popper--show-to .v-popper__wrapper{
  transform:none;
  transition:transform .15s cubic-bezier(0,1,.5,1)
}

.v-popper__popper:focus-visible{
  outline:none
}

.htw-bind-col-size{
  grid-template-columns:repeat(auto-fill,minmax(var(--histoire-col-size),1fr))
}

.__histoire-json-code[data-v-935458a7] .cm-editor{
  height:100%;
  min-width:280px
}

/* @TODO custom themes */

.v-popper {
  line-height: 0;
}

.htw-dark .v-popper--theme-dropdown .v-popper__inner{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-850) / var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-700) / var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-gray-100) / var(--tw-text-opacity))
}

.htw-dark .v-popper--theme-dropdown .v-popper__arrow-inner{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-700) / var(--tw-border-opacity))
}

.htw-dark .v-popper--theme-dropdown .v-popper__arrow-outer{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-850) / var(--tw-border-opacity))
}

.v-popper--theme-dropdown.v-popper__popper--show-from .v-popper__wrapper {
  transform: scale(.75);
}

.v-popper--theme-dropdown.v-popper__popper--show-to .v-popper__wrapper {
  transform: none;
  transition: transform .15s cubic-bezier(0, 1, .5, 1);
}

.v-popper__popper:focus-visible {
  outline: none;
}

.__histoire-scale-x-enter-active,
  .__histoire-scale-x-leave-active {
  transition: transform .15s, opacity .15s;
}

.__histoire-scale-x-enter-from,
  .__histoire-scale-x-leave-to {
  transform: scaleX(0);
  opacity: 0;
}

.__histoire-scale-y-enter-active,
  .__histoire-scale-y-leave-active {
  transition: transform .15s, opacity .15s;
}

.__histoire-scale-y-enter-from,
  .__histoire-scale-y-leave-to {
  transform: scaleY(0);
  opacity: 0;
}

.__histoire-fade-enter-active,
  .__histoire-fade-leave-active {
  transition: opacity .15s;
}

.__histoire-fade-enter-from,
  .__histoire-fade-leave-to {
  opacity: 0;
}

.__histoire-fade-bottom-enter-active,
  .__histoire-fade-bottom-leave-active {
  transition: transform .15s, opacity .15s;
  transform: translateY(0px);
}

.__histoire-fade-bottom-enter-from,
  .__histoire-fade-bottom-leave-to {
  transform: translateY(32px);
  opacity: 0;
}

*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}

a,
input,
button {
  color: inherit;
}

a {
  text-decoration: inherit;
}

input, button {
  font-family: inherit;
}

a,
button {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

body,
  pre {
  margin: 0;
}

html,
  body,
  #app {
  height: 100%;
}

html {
  font-family: 'Noto Sans Display', system-ui, sans-serif;
  font-size: 1rem;
}

body {
  font-size: 1.125rem;
}

@media (min-width: 640px) {
  body {
    font-size: .875rem;
  }
}

.__histoire-render-story:not(.__histoire-render-custom-controls) {
  overflow: auto;
  min-height: 100%;
}

.__histoire-code .shiki {
  background: transparent !important;
}

.htw-prose h1:not(:hover) .header-anchor[aria-hidden="true"], .htw-prose h2:not(:hover) .header-anchor[aria-hidden="true"], .htw-prose h3:not(:hover) .header-anchor[aria-hidden="true"], .htw-prose h4:not(:hover) .header-anchor[aria-hidden="true"] {
  visibility: hidden;
}

.htw-prose hr {
  margin: 1rem 0;
}

.__histoire-pane-shadow-from-right {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0));
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: right;
}

.htw-dark .__histoire-pane-shadow-from-right {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}

*, ::before, ::after{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: 
}

::backdrop{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: 
}

.htw-prose{
  color:var(--tw-prose-body);
  max-width:65ch;
}

.htw-prose :where(p):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:1.25em;
  margin-bottom:1.25em
}

.htw-prose :where([class~="lead"]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-lead);
  font-size:1.25em;
  line-height:1.6;
  margin-top:1.2em;
  margin-bottom:1.2em
}

.htw-prose :where(a):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:rgb(var(--_histoire-color-primary-500));
  -webkit-text-decoration:none;
  text-decoration:none;
  font-weight:500;
}

.htw-prose :where(a):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)):hover{
  -webkit-text-decoration:underline;
  text-decoration:underline
}

.htw-prose :where(strong):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-bold);
  font-weight:600
}

.htw-prose :where(a strong):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit
}

.htw-prose :where(blockquote strong):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit
}

.htw-prose :where(thead th strong):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit
}

.htw-prose :where(ol):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:decimal;
  margin-top:1.25em;
  margin-bottom:1.25em;
  padding-left:1.625em
}

.htw-prose :where(ol[type="A"]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:upper-alpha
}

.htw-prose :where(ol[type="a"]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:lower-alpha
}

.htw-prose :where(ol[type="A" s]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:upper-alpha
}

.htw-prose :where(ol[type="a" s]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:lower-alpha
}

.htw-prose :where(ol[type="I"]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:upper-roman
}

.htw-prose :where(ol[type="i"]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:lower-roman
}

.htw-prose :where(ol[type="I" s]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:upper-roman
}

.htw-prose :where(ol[type="i" s]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:lower-roman
}

.htw-prose :where(ol[type="1"]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:decimal
}

.htw-prose :where(ul):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:disc;
  margin-top:1.25em;
  margin-bottom:1.25em;
  padding-left:1.625em
}

.htw-prose :where(ol > li):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::marker{
  font-weight:400;
  color:var(--tw-prose-counters)
}

.htw-prose :where(ul > li):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::marker{
  color:var(--tw-prose-bullets)
}

.htw-prose :where(dt):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-headings);
  font-weight:600;
  margin-top:1.25em
}

.htw-prose :where(hr):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  border-color:var(--tw-prose-hr);
  border-top-width:1px;
  margin-top:3em;
  margin-bottom:3em
}

.htw-prose :where(blockquote):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  font-weight:500;
  font-style:italic;
  color:var(--tw-prose-quotes);
  border-left-width:0.25rem;
  border-left-color:var(--tw-prose-quote-borders);
  quotes:"\201C""\201D""\2018""\2019";
  margin-top:1.6em;
  margin-bottom:1.6em;
  padding-left:1em;
  margin-left:0;
  margin-right:0;
  background-color:rgb(var(--_histoire-color-gray-100));
  padding:.25rem .375rem;
}

.htw-prose :where(blockquote):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)) p:first-child{
  margin-top:0
}

.htw-prose :where(blockquote):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)) p:last-child{
  margin-bottom:0
}

.htw-dark .htw-prose :where(blockquote):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  background-color:rgb(var(--_histoire-color-gray-750))
}

.htw-prose :where(blockquote p:first-of-type):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::before{
  content:open-quote
}

.htw-prose :where(blockquote p:last-of-type):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::after{
  content:close-quote
}

.htw-prose :where(h1):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-headings);
  font-weight:800;
  font-size:2.25em;
  margin-top:0;
  margin-bottom:0.8888889em;
  line-height:1.1111111
}

.htw-prose :where(h1 strong):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  font-weight:900;
  color:inherit
}

.htw-prose :where(h2):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-headings);
  font-weight:700;
  font-size:1.5em;
  margin-top:2em;
  margin-bottom:1em;
  line-height:1.3333333
}

.htw-prose :where(h2 strong):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  font-weight:800;
  color:inherit
}

.htw-prose :where(h3):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-headings);
  font-weight:600;
  font-size:1.25em;
  margin-top:1.6em;
  margin-bottom:0.6em;
  line-height:1.6
}

.htw-prose :where(h3 strong):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  font-weight:700;
  color:inherit
}

.htw-prose :where(h4):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-headings);
  font-weight:600;
  margin-top:1.5em;
  margin-bottom:0.5em;
  line-height:1.5
}

.htw-prose :where(h4 strong):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  font-weight:700;
  color:inherit
}

.htw-prose :where(img):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:2em;
  margin-bottom:2em
}

.htw-prose :where(picture):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  display:block;
  margin-top:2em;
  margin-bottom:2em
}

.htw-prose :where(kbd):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  font-weight:500;
  font-family:inherit;
  color:var(--tw-prose-kbd);
  box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
  font-size:0.875em;
  border-radius:0.3125rem;
  padding-top:0.1875em;
  padding-right:0.375em;
  padding-bottom:0.1875em;
  padding-left:0.375em
}

.htw-prose :where(code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-code);
  font-weight:normal;
  font-size:0.8rem;
  background-color:rgb(var(--_histoire-color-gray-500) / 20%);
  padding:0.05rem 0.5rem;
  border-radius:0.25rem;
}

.htw-prose :where(code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::before, .htw-prose :where(code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::after{
  display:none
}

.htw-prose :where(code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::before{
  content:"`"
}

.htw-prose :where(code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::after{
  content:"`"
}

.htw-prose :where(a code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit
}

.htw-prose :where(h1 code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit
}

.htw-prose :where(h2 code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit;
  font-size:0.875em
}

.htw-prose :where(h3 code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit;
  font-size:0.9em
}

.htw-prose :where(h4 code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit
}

.htw-prose :where(blockquote code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit
}

.htw-prose :where(thead th code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit
}

.htw-prose :where(pre):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-pre-code);
  background-color:var(--tw-prose-pre-bg);
  overflow-x:auto;
  font-weight:400;
  font-size:0.875em;
  line-height:1.7142857;
  margin-top:1.7142857em;
  margin-bottom:1.7142857em;
  border-radius:0.375rem;
  padding-top:0.8571429em;
  padding-right:1.1428571em;
  padding-bottom:0.8571429em;
  padding-left:1.1428571em
}

.htw-prose :where(pre code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  background-color:transparent;
  border-width:0;
  border-radius:0;
  padding:0;
  font-weight:inherit;
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  line-height:inherit
}

.htw-prose :where(pre code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::before{
  content:none
}

.htw-prose :where(pre code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::after{
  content:none
}

.htw-prose :where(table):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  width:100%;
  table-layout:auto;
  text-align:left;
  margin-top:2em;
  margin-bottom:2em;
  font-size:0.875em;
  line-height:1.7142857
}

.htw-prose :where(thead):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  border-bottom-width:1px;
  border-bottom-color:var(--tw-prose-th-borders)
}

.htw-prose :where(thead th):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-headings);
  font-weight:600;
  vertical-align:bottom;
  padding-right:0.5714286em;
  padding-bottom:0.5714286em;
  padding-left:0.5714286em
}

.htw-prose :where(tbody tr):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  border-bottom-width:1px;
  border-bottom-color:var(--tw-prose-td-borders)
}

.htw-prose :where(tbody tr:last-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  border-bottom-width:0
}

.htw-prose :where(tbody td):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  vertical-align:baseline
}

.htw-prose :where(tfoot):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  border-top-width:1px;
  border-top-color:var(--tw-prose-th-borders)
}

.htw-prose :where(tfoot td):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  vertical-align:top
}

.htw-prose :where(figure > *):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0;
  margin-bottom:0
}

.htw-prose :where(figcaption):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-captions);
  font-size:0.875em;
  line-height:1.4285714;
  margin-top:0.8571429em
}

.htw-prose{
  --tw-prose-body:#374151;
  --tw-prose-headings:#111827;
  --tw-prose-lead:#4b5563;
  --tw-prose-links:#111827;
  --tw-prose-bold:#111827;
  --tw-prose-counters:#6b7280;
  --tw-prose-bullets:#d1d5db;
  --tw-prose-hr:#e5e7eb;
  --tw-prose-quotes:#111827;
  --tw-prose-quote-borders:#e5e7eb;
  --tw-prose-captions:#6b7280;
  --tw-prose-kbd:#111827;
  --tw-prose-kbd-shadows:17 24 39;
  --tw-prose-code:#111827;
  --tw-prose-pre-code:#e5e7eb;
  --tw-prose-pre-bg:#1f2937;
  --tw-prose-th-borders:#d1d5db;
  --tw-prose-td-borders:#e5e7eb;
  --tw-prose-invert-body:#d1d5db;
  --tw-prose-invert-headings:#fff;
  --tw-prose-invert-lead:#9ca3af;
  --tw-prose-invert-links:#fff;
  --tw-prose-invert-bold:#fff;
  --tw-prose-invert-counters:#9ca3af;
  --tw-prose-invert-bullets:rgb(var(--_histoire-color-gray-500));
  --tw-prose-invert-hr:rgb(var(--_histoire-color-gray-800));
  --tw-prose-invert-quotes:#f3f4f6;
  --tw-prose-invert-quote-borders:rgb(var(--_histoire-color-gray-800));
  --tw-prose-invert-captions:#9ca3af;
  --tw-prose-invert-kbd:#fff;
  --tw-prose-invert-kbd-shadows:255 255 255;
  --tw-prose-invert-code:#fff;
  --tw-prose-invert-pre-code:#d1d5db;
  --tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders:#4b5563;
  --tw-prose-invert-td-borders:#374151;
  font-size:1rem;
  line-height:1.75
}

.htw-prose :where(picture > img):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0;
  margin-bottom:0
}

.htw-prose :where(video):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:2em;
  margin-bottom:2em
}

.htw-prose :where(li):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0.1rem;
  margin-bottom:0.1rem
}

.htw-prose :where(ol > li):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  padding-left:0.375em
}

.htw-prose :where(ul > li):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  padding-left:0.375em
}

.htw-prose :where(.htw-prose > ul > li p):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0.75em;
  margin-bottom:0.75em
}

.htw-prose :where(.htw-prose > ul > li > *:first-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:1.25em
}

.htw-prose :where(.htw-prose > ul > li > *:last-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-bottom:1.25em
}

.htw-prose :where(.htw-prose > ol > li > *:first-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:1.25em
}

.htw-prose :where(.htw-prose > ol > li > *:last-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-bottom:1.25em
}

.htw-prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0.75em;
  margin-bottom:0.75em
}

.htw-prose :where(dl):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:1.25em;
  margin-bottom:1.25em
}

.htw-prose :where(dd):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0.5em;
  padding-left:1.625em
}

.htw-prose :where(hr + *):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0
}

.htw-prose :where(h2 + *):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0
}

.htw-prose :where(h3 + *):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0
}

.htw-prose :where(h4 + *):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0
}

.htw-prose :where(thead th:first-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  padding-left:0
}

.htw-prose :where(thead th:last-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  padding-right:0
}

.htw-prose :where(tbody td, tfoot td):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  padding-top:0.5714286em;
  padding-right:0.5714286em;
  padding-bottom:0.5714286em;
  padding-left:0.5714286em
}

.htw-prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  padding-left:0
}

.htw-prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  padding-right:0
}

.htw-prose :where(figure):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:2em;
  margin-bottom:2em
}

.htw-prose :where(.htw-prose > :first-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0
}

.htw-prose :where(.htw-prose > :last-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-bottom:0
}

.htw-prose :where(h1, h2, h3, h4, th):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-bottom:0.75rem;
}

.htw-prose :where(h1, h2, h3, h4, th):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)):not(:first-child){
  margin-top:1.25rem
}

.htw-pointer-events-none{
  pointer-events:none
}

.htw-invisible{
  visibility:hidden
}

.htw-fixed{
  position:fixed
}

.htw-absolute{
  position:absolute
}

.htw-relative{
  position:relative
}

.htw-inset-0{
  inset:0px
}

.htw-bottom-0{
  bottom:0px
}

.htw-bottom-4{
  bottom:1rem
}

.htw-bottom-5{
  bottom:1.25rem
}

.htw-bottom-8{
  bottom:2rem
}

.htw-left-0{
  left:0px
}

.htw-left-5{
  left:1.25rem
}

.htw-left-8{
  left:2rem
}

.htw-right-0{
  right:0px
}

.htw-right-4{
  right:1rem
}

.htw-right-5{
  right:1.25rem
}

.htw-right-8{
  right:2rem
}

.htw-top-0{
  top:0px
}

.htw-top-5{
  top:1.25rem
}

.htw-top-8{
  top:2rem
}

.htw-isolate{
  isolation:isolate
}

.htw-z-10{
  z-index:10
}

.htw-z-20{
  z-index:20
}

.htw-m-0{
  margin:0px
}

.htw-m-1{
  margin:0.25rem
}

.htw-m-4{
  margin:1rem
}

.htw-m-auto{
  margin:auto
}

.-htw-my-1{
  margin-top:-0.25rem;
  margin-bottom:-0.25rem
}

.htw-mx-1{
  margin-left:0.25rem;
  margin-right:0.25rem
}

.htw-mx-2{
  margin-left:0.5rem;
  margin-right:0.5rem
}

.htw-mx-4{
  margin-left:1rem;
  margin-right:1rem
}

.htw-mx-6{
  margin-left:1.5rem;
  margin-right:1.5rem
}

.htw-my-0{
  margin-top:0px;
  margin-bottom:0px
}

.htw-my-2{
  margin-top:0.5rem;
  margin-bottom:0.5rem
}

.htw-my-4{
  margin-top:1rem;
  margin-bottom:1rem
}

.htw-my-8{
  margin-top:2rem;
  margin-bottom:2rem
}

.-htw-mt-1{
  margin-top:-0.25rem
}

.htw-mb-2{
  margin-bottom:0.5rem
}

.htw-mb-6{
  margin-bottom:1.5rem
}

.htw-mb-8{
  margin-bottom:2rem
}

.htw-ml-4{
  margin-left:1rem
}

.htw-ml-auto{
  margin-left:auto
}

.htw-mr-2{
  margin-right:0.5rem
}

.htw-mr-auto{
  margin-right:auto
}

.htw-mt-0{
  margin-top:0px
}

.htw-mt-0\.5{
  margin-top:0.125rem
}

.htw-mt-1{
  margin-top:0.25rem
}

.htw-mt-2{
  margin-top:0.5rem
}

.htw-box-border{
  box-sizing:border-box
}

.htw-block{
  display:block
}

.htw-flex{
  display:flex
}

.htw-inline-flex{
  display:inline-flex
}

.htw-grid{
  display:grid
}

.\!htw-hidden{
  display:none !important
}

.htw-hidden{
  display:none
}

.htw-h-1{
  height:0.25rem
}

.htw-h-10{
  height:2.5rem
}

.htw-h-12{
  height:3rem
}

.htw-h-16{
  height:4rem
}

.htw-h-2{
  height:0.5rem
}

.htw-h-20{
  height:5rem
}

.htw-h-3{
  height:0.75rem
}

.htw-h-32{
  height:8rem
}

.htw-h-4{
  height:1rem
}

.htw-h-48{
  height:12rem
}

.htw-h-5{
  height:1.25rem
}

.htw-h-6{
  height:1.5rem
}

.htw-h-64{
  height:16rem
}

.htw-h-8{
  height:2rem
}

.htw-h-9{
  height:2.25rem
}

.htw-h-\[100px\]{
  height:100px
}

.htw-h-\[16px\]{
  height:16px
}

.htw-h-\[1px\]{
  height:1px
}

.htw-h-\[22px\]{
  height:22px
}

.htw-h-\[27px\]{
  height:27px
}

.htw-h-\[2px\]{
  height:2px
}

.htw-h-\[51px\]{
  height:51px
}

.htw-h-fit{
  height:-moz-fit-content;
  height:fit-content
}

.htw-h-full{
  height:100%
}

.htw-h-px{
  height:1px
}

.htw-h-screen{
  height:100vh
}

.htw-max-h-\[400px\]{
  max-height:400px
}

.htw-max-h-\[80vh\]{
  max-height:80vh
}

.htw-max-h-full{
  max-height:100%
}

.htw-min-h-32{
  min-height:8rem
}

.htw-min-h-\[26px\]{
  min-height:26px
}

.htw-w-0{
  width:0px
}

.htw-w-16{
  width:4rem
}

.htw-w-2{
  width:0.5rem
}

.htw-w-20{
  width:5rem
}

.htw-w-28{
  width:7rem
}

.htw-w-3{
  width:0.75rem
}

.htw-w-32{
  width:8rem
}

.htw-w-4{
  width:1rem
}

.htw-w-5{
  width:1.25rem
}

.htw-w-6{
  width:1.5rem
}

.htw-w-64{
  width:16rem
}

.htw-w-8{
  width:2rem
}

.htw-w-\[16px\]{
  width:16px
}

.htw-w-\[2px\]{
  width:2px
}

.htw-w-fit{
  width:-moz-fit-content;
  width:fit-content
}

.htw-w-full{
  width:100%
}

.htw-w-max{
  width:-moz-max-content;
  width:max-content
}

.htw-w-px{
  width:1px
}

.htw-w-screen{
  width:100vw
}

.htw-min-w-0{
  min-width:0px
}

.htw-min-w-16{
  min-width:4rem
}

.htw-min-w-4{
  min-width:1rem
}

.htw-min-w-\[150px\]{
  min-width:150px
}

.htw-min-w-\[80px\]{
  min-width:80px
}

.htw-max-w-6{
  max-width:1.5rem
}

.htw-max-w-\[400px\]{
  max-width:400px
}

.htw-max-w-\[512px\]{
  max-width:512px
}

.htw-max-w-\[63px\]{
  max-width:63px
}

.htw-max-w-\[82px\]{
  max-width:82px
}

.htw-max-w-full{
  max-width:100%
}

.htw-max-w-none{
  max-width:none
}

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

.htw-flex-none{
  flex:none
}

.htw-flex-shrink{
  flex-shrink:1
}

.htw-shrink{
  flex-shrink:1
}

.htw-shrink-0{
  flex-shrink:0
}

.htw-grow{
  flex-grow:1
}

.htw-rotate-90{
  --tw-rotate:90deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.htw-scale-0{
  --tw-scale-x:0;
  --tw-scale-y:0;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.htw-cursor-default{
  cursor:default
}

.htw-cursor-ew-resize{
  cursor:ew-resize
}

.htw-cursor-ns-resize{
  cursor:ns-resize
}

.htw-cursor-nwse-resize{
  cursor:nwse-resize
}

.htw-cursor-pointer{
  cursor:pointer
}

.htw-cursor-text{
  cursor:text
}

.htw-select-none{
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none
}

.htw-resize-none{
  resize:none
}

.htw-resize-y{
  resize:vertical
}

.htw-appearance-none{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none
}

.htw-grid-cols-\[repeat\(auto-fill\,minmax\(200px\,1fr\)\)\]{
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr))
}

.htw-flex-row{
  flex-direction:row
}

.htw-flex-col{
  flex-direction:column
}

.htw-flex-wrap{
  flex-wrap:wrap
}

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

.htw-place-content-between{
  place-content:space-between
}

.htw-items-start{
  align-items:flex-start
}

.htw-items-end{
  align-items:flex-end
}

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

.htw-items-baseline{
  align-items:baseline
}

.htw-items-stretch{
  align-items:stretch
}

.htw-justify-end{
  justify-content:flex-end
}

.htw-justify-center{
  justify-content:center
}

.htw-justify-evenly{
  justify-content:space-evenly
}

.htw-gap-0{
  gap:0px
}

.htw-gap-0\.5{
  gap:0.125rem
}

.htw-gap-1{
  gap:0.25rem
}

.htw-gap-12{
  gap:3rem
}

.htw-gap-2{
  gap:0.5rem
}

.htw-gap-4{
  gap:1rem
}

.htw-gap-6{
  gap:1.5rem
}

.htw-gap-px{
  gap:1px
}

.htw-gap-x-2{
  -moz-column-gap:0.5rem;
       column-gap:0.5rem
}

.htw-gap-y-1{
  row-gap:0.25rem
}

.htw-space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1rem * var(--tw-space-y-reverse))
}

.htw-divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse:0;
  border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width:calc(1px * var(--tw-divide-y-reverse))
}

.htw-divide-gray-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-100) / var(--tw-divide-opacity))
}

.htw-divide-gray-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-200) / var(--tw-divide-opacity))
}

.htw-overflow-auto{
  overflow:auto
}

.htw-overflow-hidden{
  overflow:hidden
}

.htw-overflow-y-auto{
  overflow-y:auto
}

.htw-overflow-y-scroll{
  overflow-y:scroll
}

.htw-scroll-smooth{
  scroll-behavior:smooth
}

.htw-truncate{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.htw-text-ellipsis{
  text-overflow:ellipsis
}

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

.\!htw-rounded-\[3px\]{
  border-radius:3px !important
}

.htw-rounded{
  border-radius:0.375rem
}

.htw-rounded-full{
  border-radius:9999px
}

.htw-rounded-lg{
  border-radius:0.75rem
}

.htw-rounded-sm{
  border-radius:0.25rem
}

.htw-rounded-b-lg{
  border-bottom-right-radius:0.75rem;
  border-bottom-left-radius:0.75rem
}

.htw-rounded-l{
  border-top-left-radius:0.375rem;
  border-bottom-left-radius:0.375rem
}

.htw-rounded-r{
  border-top-right-radius:0.375rem;
  border-bottom-right-radius:0.375rem
}

.htw-rounded-r-lg{
  border-top-right-radius:0.75rem;
  border-bottom-right-radius:0.75rem
}

.htw-border{
  border-width:1px
}

.htw-border-0{
  border-width:0px
}

.htw-border-2{
  border-width:2px
}

.htw-border-8{
  border-width:8px
}

.htw-border-b{
  border-bottom-width:1px
}

.htw-border-l-2{
  border-left-width:2px
}

.htw-border-r{
  border-right-width:1px
}

.htw-border-t{
  border-top-width:1px
}

.htw-border-solid{
  border-style:solid
}

.htw-border-black\/20{
  border-color:rgb(0 0 0 / 0.2)
}

.htw-border-black\/25{
  border-color:rgb(0 0 0 / 0.25)
}

.htw-border-black\/50{
  border-color:rgb(0 0 0 / 0.5)
}

.htw-border-current{
  border-color:currentColor
}

.htw-border-gray-100{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-100) / var(--tw-border-opacity))
}

.htw-border-gray-200{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-200) / var(--tw-border-opacity))
}

.htw-border-gray-300\/30{
  border-color:rgb(var(--_histoire-color-gray-300) / 0.3)
}

.htw-border-gray-500\/10{
  border-color:rgb(var(--_histoire-color-gray-500) / 0.1)
}

.htw-border-gray-500\/30{
  border-color:rgb(var(--_histoire-color-gray-500) / 0.3)
}

.htw-border-gray-500\/40{
  border-color:rgb(var(--_histoire-color-gray-500) / 0.4)
}

.htw-border-gray-500\/5{
  border-color:rgb(var(--_histoire-color-gray-500) / 0.05)
}

.htw-border-gray-500\/50{
  border-color:rgb(var(--_histoire-color-gray-500) / 0.5)
}

.htw-border-gray-600{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-600) / var(--tw-border-opacity))
}

.htw-border-gray-800{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-800) / var(--tw-border-opacity))
}

.htw-border-gray-850{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-850) / var(--tw-border-opacity))
}

.htw-border-primary-200{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-200) / var(--tw-border-opacity))
}

.htw-border-primary-500{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
}

.htw-border-primary-900{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-900) / var(--tw-border-opacity))
}

.htw-border-transparent{
  border-color:transparent
}

.\!htw-bg-primary-500{
  --tw-bg-opacity:1 !important;
  background-color:rgb(var(--_histoire-color-primary-500) / var(--tw-bg-opacity)) !important
}

.htw-bg-gray-100{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-100) / var(--tw-bg-opacity))
}

.htw-bg-gray-200{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-200) / var(--tw-bg-opacity))
}

.htw-bg-gray-400\/25{
  background-color:rgb(var(--_histoire-color-gray-400) / 0.25)
}

.htw-bg-gray-50{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-50) / var(--tw-bg-opacity))
}

.htw-bg-gray-500\/10{
  background-color:rgb(var(--_histoire-color-gray-500) / 0.1)
}

.htw-bg-gray-500\/50{
  background-color:rgb(var(--_histoire-color-gray-500) / 0.5)
}

.htw-bg-gray-700{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-700) / var(--tw-bg-opacity))
}

.htw-bg-gray-800{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-800) / var(--tw-bg-opacity))
}

.htw-bg-primary-200{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-200) / var(--tw-bg-opacity))
}

.htw-bg-primary-50{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-50) / var(--tw-bg-opacity))
}

.htw-bg-primary-500{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-500) / var(--tw-bg-opacity))
}

.htw-bg-primary-500\/10{
  background-color:rgb(var(--_histoire-color-primary-500) / 0.1)
}

.htw-bg-primary-500\/20{
  background-color:rgb(var(--_histoire-color-primary-500) / 0.2)
}

.htw-bg-primary-500\/25{
  background-color:rgb(var(--_histoire-color-primary-500) / 0.25)
}

.htw-bg-primary-700{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-700) / var(--tw-bg-opacity))
}

.htw-bg-primary-800{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-800) / var(--tw-bg-opacity))
}

.htw-bg-transparent{
  background-color:transparent
}

.htw-bg-white{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}

.htw-bg-white\/80{
  background-color:rgb(255 255 255 / 0.8)
}

.htw-fill-primary-500{
  fill:rgb(var(--_histoire-color-primary-500))
}

.htw-fill-transparent{
  fill:transparent
}

.htw-stroke-white{
  stroke:#fff
}

.htw-stroke-2{
  stroke-width:2
}

.htw-p-1{
  padding:0.25rem
}

.htw-p-2{
  padding:0.5rem
}

.htw-p-4{
  padding:1rem
}

.htw-p-8{
  padding:2rem
}

.htw-p-px{
  padding:1px
}

.htw-px-0{
  padding-left:0px;
  padding-right:0px
}

.htw-px-0\.5{
  padding-left:0.125rem;
  padding-right:0.125rem
}

.htw-px-1{
  padding-left:0.25rem;
  padding-right:0.25rem
}

.htw-px-2{
  padding-left:0.5rem;
  padding-right:0.5rem
}

.htw-px-4{
  padding-left:1rem;
  padding-right:1rem
}

.htw-px-6{
  padding-left:1.5rem;
  padding-right:1.5rem
}

.htw-py-0{
  padding-top:0px;
  padding-bottom:0px
}

.htw-py-0\.5{
  padding-top:0.125rem;
  padding-bottom:0.125rem
}

.htw-py-1{
  padding-top:0.25rem;
  padding-bottom:0.25rem
}

.htw-py-12{
  padding-top:3rem;
  padding-bottom:3rem
}

.htw-py-2{
  padding-top:0.5rem;
  padding-bottom:0.5rem
}

.htw-py-3{
  padding-top:0.75rem;
  padding-bottom:0.75rem
}

.htw-py-4{
  padding-top:1rem;
  padding-bottom:1rem
}

.htw-pl-0{
  padding-left:0px
}

.htw-pl-0\.5{
  padding-left:0.125rem
}

.htw-pl-2{
  padding-left:0.5rem
}

.htw-pl-4{
  padding-left:1rem
}

.htw-pl-6{
  padding-left:1.5rem
}

.htw-pr-2{
  padding-right:0.5rem
}

.htw-pr-6{
  padding-right:1.5rem
}

.htw-pt-4{
  padding-top:1rem
}

.htw-text-left{
  text-align:left
}

.htw-text-center{
  text-align:center
}

.htw-font-mono{
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

.htw-text-2xl{
  font-size:1.5rem;
  line-height:2rem
}

.htw-text-5xl{
  font-size:3rem;
  line-height:1
}

.htw-text-lg{
  font-size:1.125rem;
  line-height:1.75rem
}

.htw-text-sm{
  font-size:0.875rem;
  line-height:1.25rem
}

.htw-text-xs{
  font-size:0.75rem;
  line-height:1rem
}

.htw-font-bold{
  font-weight:700
}

.htw-uppercase{
  text-transform:uppercase
}

.htw-leading-none{
  line-height:1
}

.htw-leading-normal{
  line-height:1.5
}

.htw-text-black\/\[1\%\]{
  color:rgb(0 0 0 / 1%)
}

.htw-text-gray-400{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-gray-400) / var(--tw-text-opacity))
}

.htw-text-gray-500{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-gray-500) / var(--tw-text-opacity))
}

.htw-text-gray-500\/20{
  color:rgb(var(--_histoire-color-gray-500) / 0.2)
}

.htw-text-gray-700{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-gray-700) / var(--tw-text-opacity))
}

.htw-text-gray-900{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-gray-900) / var(--tw-text-opacity))
}

.htw-text-inherit{
  color:inherit
}

.htw-text-orange-500{
  --tw-text-opacity:1;
  color:rgb(249 115 22 / var(--tw-text-opacity))
}

.htw-text-primary-200{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-200) / var(--tw-text-opacity))
}

.htw-text-primary-400{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-400) / var(--tw-text-opacity))
}

.htw-text-primary-500{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-500) / var(--tw-text-opacity))
}

.htw-text-primary-600{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-600) / var(--tw-text-opacity))
}

.htw-text-primary-800{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-800) / var(--tw-text-opacity))
}

.htw-text-red-500{
  --tw-text-opacity:1;
  color:rgb(239 68 68 / var(--tw-text-opacity))
}

.htw-text-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}

.htw-opacity-0{
  opacity:0
}

.htw-opacity-20{
  opacity:0.2
}

.htw-opacity-25{
  opacity:0.25
}

.htw-opacity-30{
  opacity:0.3
}

.htw-opacity-40{
  opacity:0.4
}

.htw-opacity-50{
  opacity:0.5
}

.htw-opacity-60{
  opacity:0.6
}

.htw-opacity-70{
  opacity:0.7
}

.htw-shadow-xl{
  --tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.htw-outline-none{
  outline:2px solid transparent;
  outline-offset:2px
}

.htw-transition-all{
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.htw-transition-border{
  transition-property:border;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.htw-transition-colors{
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.htw-transition-none{
  transition-property:none
}

.htw-transition-transform{
  transition-property:transform;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.htw-delay-150{
  transition-delay:150ms
}

.htw-duration-150{
  transition-duration:150ms
}

.htw-duration-200{
  transition-duration:200ms
}

.htw-duration-300{
  transition-duration:300ms
}

.htw-ease-\[cubic-bezier\(0\,1\,\.6\,1\)\]{
  transition-timing-function:cubic-bezier(0,1,.6,1)
}

.htw-ease-in-out{
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
}

.htw-ease-out{
  transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
}

.htw-will-change-transform{
  will-change:transform
}

:is(.htw-dark .dark\:htw-prose-invert){
  --tw-prose-body:var(--tw-prose-invert-body);
  --tw-prose-headings:var(--tw-prose-invert-headings);
  --tw-prose-lead:var(--tw-prose-invert-lead);
  --tw-prose-links:var(--tw-prose-invert-links);
  --tw-prose-bold:var(--tw-prose-invert-bold);
  --tw-prose-counters:var(--tw-prose-invert-counters);
  --tw-prose-bullets:var(--tw-prose-invert-bullets);
  --tw-prose-hr:var(--tw-prose-invert-hr);
  --tw-prose-quotes:var(--tw-prose-invert-quotes);
  --tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);
  --tw-prose-captions:var(--tw-prose-invert-captions);
  --tw-prose-kbd:var(--tw-prose-invert-kbd);
  --tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);
  --tw-prose-code:var(--tw-prose-invert-code);
  --tw-prose-pre-code:var(--tw-prose-invert-pre-code);
  --tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);
  --tw-prose-th-borders:var(--tw-prose-invert-th-borders);
  --tw-prose-td-borders:var(--tw-prose-invert-td-borders)
}

.first\:htw-mt-0:first-child{
  margin-top:0px
}

.last\:htw-mb-0:last-child{
  margin-bottom:0px
}

.focus-within\:htw-border-primary-500:focus-within{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
}

.focus-within\:htw-bg-gray-500\/5:focus-within{
  background-color:rgb(var(--_histoire-color-gray-500) / 0.05)
}

.hover\:htw-border-primary-500:hover{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
}

.hover\:htw-bg-gray-200:hover{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-200) / var(--tw-bg-opacity))
}

.hover\:htw-bg-gray-500\/10:hover{
  background-color:rgb(var(--_histoire-color-gray-500) / 0.1)
}

.hover\:htw-bg-gray-500\/20:hover{
  background-color:rgb(var(--_histoire-color-gray-500) / 0.2)
}

.hover\:htw-bg-gray-500\/30:hover{
  background-color:rgb(var(--_histoire-color-gray-500) / 0.3)
}

.hover\:htw-bg-primary-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-100) / var(--tw-bg-opacity))
}

.hover\:htw-bg-primary-200:hover{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-200) / var(--tw-bg-opacity))
}

.hover\:htw-bg-primary-300:hover{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-300) / var(--tw-bg-opacity))
}

.hover\:htw-bg-primary-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-50) / var(--tw-bg-opacity))
}

.hover\:htw-bg-primary-500\/10:hover{
  background-color:rgb(var(--_histoire-color-primary-500) / 0.1)
}

.hover\:htw-bg-primary-500\/30:hover{
  background-color:rgb(var(--_histoire-color-primary-500) / 0.3)
}

.hover\:htw-bg-primary-500\/50:hover{
  background-color:rgb(var(--_histoire-color-primary-500) / 0.5)
}

.hover\:htw-bg-primary-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-600) / var(--tw-bg-opacity))
}

.hover\:htw-text-primary-500:hover{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-500) / var(--tw-text-opacity))
}

.hover\:htw-opacity-100:hover{
  opacity:1
}

.focus\:htw-border-primary-500:focus{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
}

.focus\:htw-border-primary-500\/50:focus{
  border-color:rgb(var(--_histoire-color-primary-500) / 0.5)
}

.focus\:htw-opacity-100:focus{
  opacity:1
}

.focus-visible\:htw-border-primary-500:focus-visible{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
}

.active\:htw-bg-gray-600\/50:active{
  background-color:rgb(var(--_histoire-color-gray-600) / 0.5)
}

.htw-group:first-child .group-first\:htw-hidden{
  display:none
}

.htw-group:nth-child(odd) .group-odd\:htw-bg-gray-100\/50{
  background-color:rgb(var(--_histoire-color-gray-100) / 0.5)
}

.htw-group:focus-within .group-focus-within\:htw-visible{
  visibility:visible
}

.htw-group:hover .group-hover\:htw-flex{
  display:flex
}

.htw-group:hover .group-hover\:htw-border-primary-500{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
}

.htw-group:hover .group-hover\:htw-bg-primary-100{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-100) / var(--tw-bg-opacity))
}

.htw-group:hover .group-hover\:htw-opacity-100{
  opacity:1
}

.htw-group:hover .group-hover\:htw-opacity-90{
  opacity:0.9
}

.htw-group:active .group-active\:htw-bg-gray-500\/20{
  background-color:rgb(var(--_histoire-color-gray-500) / 0.2)
}

:is(.htw-dark .dark\:htw-divide-gray-750) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-750) / var(--tw-divide-opacity))
}

:is(.htw-dark .dark\:htw-divide-gray-800) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-800) / var(--tw-divide-opacity))
}

:is(.htw-dark .dark\:htw-divide-gray-850) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-850) / var(--tw-divide-opacity))
}

:is(.htw-dark .dark\:htw-border-gray-700\/30){
  border-color:rgb(var(--_histoire-color-gray-700) / 0.3)
}

:is(.htw-dark .dark\:htw-border-gray-750){
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-750) / var(--tw-border-opacity))
}

:is(.htw-dark .dark\:htw-border-gray-800){
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-800) / var(--tw-border-opacity))
}

:is(.htw-dark .dark\:htw-border-gray-850){
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-850) / var(--tw-border-opacity))
}

:is(.htw-dark .dark\:htw-border-primary-900){
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-900) / var(--tw-border-opacity))
}

:is(.htw-dark .dark\:htw-border-white\/20){
  border-color:rgb(255 255 255 / 0.2)
}

:is(.htw-dark .dark\:htw-border-white\/25){
  border-color:rgb(255 255 255 / 0.25)
}

:is(.htw-dark .dark\:htw-border-white\/50){
  border-color:rgb(255 255 255 / 0.5)
}

:is(.htw-dark .dark\:htw-bg-black){
  --tw-bg-opacity:1;
  background-color:rgb(0 0 0 / var(--tw-bg-opacity))
}

:is(.htw-dark .dark\:htw-bg-gray-600){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-600) / var(--tw-bg-opacity))
}

:is(.htw-dark .dark\:htw-bg-gray-700){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-700) / var(--tw-bg-opacity))
}

:is(.htw-dark .dark\:htw-bg-gray-750){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-750) / var(--tw-bg-opacity))
}

:is(.htw-dark .dark\:htw-bg-gray-900){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-900) / var(--tw-bg-opacity))
}

:is(.htw-dark .dark\:htw-bg-gray-900\/80){
  background-color:rgb(var(--_histoire-color-gray-900) / 0.8)
}

:is(.htw-dark .dark\:htw-bg-primary-400){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-400) / var(--tw-bg-opacity))
}

:is(.htw-dark .dark\:htw-bg-primary-600){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-600) / var(--tw-bg-opacity))
}

:is(.htw-dark .dark\:htw-bg-primary-700){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-700) / var(--tw-bg-opacity))
}

:is(.htw-dark .dark\:htw-bg-primary-800){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-800) / var(--tw-bg-opacity))
}

:is(.htw-dark .dark\:htw-text-black){
  --tw-text-opacity:1;
  color:rgb(0 0 0 / var(--tw-text-opacity))
}

:is(.htw-dark .dark\:htw-text-gray-100){
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-gray-100) / var(--tw-text-opacity))
}

:is(.htw-dark .dark\:htw-text-gray-300){
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-gray-300) / var(--tw-text-opacity))
}

:is(.htw-dark .dark\:htw-text-primary-200){
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-200) / var(--tw-text-opacity))
}

:is(.htw-dark .dark\:htw-text-primary-400){
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-400) / var(--tw-text-opacity))
}

:is(.htw-dark .dark\:htw-text-white\/\[1\%\]){
  color:rgb(255 255 255 / 1%)
}

:is(.htw-dark .dark\:focus-within\:htw-border-primary-500:focus-within){
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
}

:is(.htw-dark .dark\:hover\:htw-border-primary-500:hover){
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
}

:is(.htw-dark .dark\:hover\:htw-bg-gray-800:hover){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-800) / var(--tw-bg-opacity))
}

:is(.htw-dark .dark\:hover\:htw-bg-primary-700:hover){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-700) / var(--tw-bg-opacity))
}

:is(.htw-dark .dark\:hover\:htw-bg-primary-800:hover){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-800) / var(--tw-bg-opacity))
}

:is(.htw-dark .dark\:hover\:htw-bg-primary-900:hover){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-900) / var(--tw-bg-opacity))
}

:is(.htw-dark .dark\:hover\:htw-text-primary-400:hover){
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-400) / var(--tw-text-opacity))
}

:is(.htw-dark .dark\:focus\:htw-border-primary-500:focus){
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
}

:is(.htw-dark .htw-group:nth-child(odd) .dark\:group-odd\:htw-bg-gray-750\/40){
  background-color:rgb(var(--_histoire-color-gray-750) / 0.4)
}

.htw-group:hover :is(.htw-dark .group-hover\:dark\:htw-border-primary-500){
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
}

:is(.htw-dark .htw-group:hover .dark\:group-hover\:htw-bg-primary-700){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-700) / var(--tw-bg-opacity))
}

@media (min-width: 640px){
  .sm\:htw-h-4{
    height:1rem
  }

  .sm\:htw-w-4{
    width:1rem
  }

  .sm\:htw-p-1{
    padding:0.25rem
  }

  .sm\:htw-py-4{
    padding-top:1rem;
    padding-bottom:1rem
  }
}

@media (min-width: 768px){
  .md\:htw-mx-auto{
    margin-left:auto;
    margin-right:auto
  }

  .md\:htw-mt-16{
    margin-top:4rem
  }

  .md\:htw-block{
    display:block
  }

  .md\:htw-max-w-\[600px\]{
    max-width:600px
  }

  .md\:htw-flex-col{
    flex-direction:column
  }

  .md\:htw-p-12{
    padding:3rem
  }

  .md\:htw-py-1{
    padding-top:0.25rem;
    padding-bottom:0.25rem
  }

  .md\:htw-py-1\.5{
    padding-top:0.375rem;
    padding-bottom:0.375rem
  }
}

@media (min-width: 1024px){
  .lg\:htw-max-w-\[800px\]{
    max-width:800px
  }
}

@media (min-width: 1280px){
  .xl\:htw-max-w-\[900px\]{
    max-width:900px
  }
}

@media (max-width: 767px){
  .\!md\:htw-flex-col{
    flex-direction:column
  }
}

.histoire-story-list-folder-button:hover .\[\.histoire-story-list-folder-button\:hover_\&\]\:htw-opacity-100{
  opacity:1
}

.landscape > div > .dragger[data-v-4f40a1bb] {
  width: .625rem;
}
.portrait > div > .dragger[data-v-4f40a1bb] {
  height: .625rem;
}
.landscape > div > .dragger.dragger-offset-before[data-v-4f40a1bb] {
  right: 0;
}
.portrait > div > .dragger.dragger-offset-before[data-v-4f40a1bb] {
  bottom: 0;
}
.landscape > div > .dragger.dragger-offset-center[data-v-4f40a1bb] {
  right: -.3125rem;
}
.portrait > div > .dragger.dragger-offset-center[data-v-4f40a1bb] {
  bottom: -.3125rem;
}
.landscape > div > .dragger.dragger-offset-after[data-v-4f40a1bb] {
  right: -.625rem;
}
.portrait > div > .dragger.dragger-offset-after[data-v-4f40a1bb] {
  bottom: -.625rem;
}

.bind-icon-color[data-v-b8625753] {
  color: var(--6509026e);
}

.htw-base-empty[data-v-c5ecfead]:not(.no-animation) {
  animation: htw-base-empty-c5ecfead .15s .2s both;
}
@keyframes htw-base-empty-c5ecfead {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}

.bind-icon-color[data-v-a5a2e343] {
  color: var(--597bf4c4);
}

.bind-tree-padding[data-v-cace6303] {
  padding-left: var(--1ee776cd);
}

.bind-tree-margin[data-v-c9b616b5] {
  margin-left: var(--c4f9d186);
}
.bind-icon-color[data-v-c9b616b5] {
  color: var(--7270060e);
}

.bind-icon-color[data-v-abf83c04] {
  color: var(--02b8e3da);
}

.bind-icon-color[data-v-f8e09a03] {
  color: var(--2762f67a);
}

.__histoire-code-placeholder[data-v-f7d2e46a] {
  color: inherit;
  font-size: inherit;
}

.bind-icon-color[data-v-d75a2748] {
  color: var(--ddaae392);
}

.bind-preview-bg[data-v-c48fb2b2] {
  background-color: var(--627bec82);
  color: var(--35068428);
}

.bind-icon-color[data-v-d3ab4dd6] {
  color: var(--bd0f30ce);
}
.bind-preview-bg[data-v-d3ab4dd6] {
  background-color: var(--8da98e9c);
}

img.colorize-black[data-v-2114f510] {
  filter: grayscale(100) brightness(0);
}

.bind-preview-bg[data-v-9bc3d486] {
  background-color: var(--321f9a07);
}

.__histoire-hatched-pattern[data-v-91561117] {
  background: repeating-linear-gradient(135deg,
  transparent 0px,
  transparent 32px,
  currentColor 32px,
  currentColor 64px);
}
*, ::before, ::after {--_histoire-color-primary-50: 243 244 247;--_histoire-color-primary-100: 238 239 242;--_histoire-color-primary-200: 217 218 219;--_histoire-color-primary-300: 216 216 219;--_histoire-color-primary-400: 113 114 120;--_histoire-color-primary-500: 109 112 120;--_histoire-color-primary-600: 70 73 82;--_histoire-color-primary-700: 1 2 5;--_histoire-color-primary-800: 1 2 5;--_histoire-color-primary-900: 1 2 5;--_histoire-color-gray-50: 246 247 248;--_histoire-color-gray-100: 238 239 242;--_histoire-color-gray-200: 236 236 238;--_histoire-color-gray-300: 216 216 219;--_histoire-color-gray-400: 107 109 112;--_histoire-color-gray-500: 92 93 97;--_histoire-color-gray-600: 83 84 87;--_histoire-color-gray-700: 57 58 60;--_histoire-color-gray-750: 50 50 56;--_histoire-color-gray-800: 37 38 39;--_histoire-color-gray-850: 31 31 33;--_histoire-color-gray-900: 17 18 18;--_histoire-color-gray-950: 16 16 18;}.htw-range-input::-webkit-slider-thumb{height:.75rem;width:.75rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:#00000040;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}:is(.htw-dark .htw-range-input)::-webkit-slider-thumb{border-color:#ffffff40;--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity))}.htw-range-input:hover::-webkit-slider-thumb{--tw-border-opacity: 1 !important;border-color:rgb(16 185 129 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(16 185 129 / var(--tw-bg-opacity))!important}.htw-range-input::-moz-range-thumb{height:.75rem;width:.75rem;-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:#00000040;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}:is(.htw-dark .htw-range-input)::-moz-range-thumb{border-color:#ffffff40;--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity))}.htw-range-input:hover::-moz-range-thumb{--tw-border-opacity: 1 !important;border-color:rgb(16 185 129 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(16 185 129 / var(--tw-bg-opacity))!important}.v-popper{line-height:0}.htw-dark .v-popper--theme-dropdown .v-popper__inner{--tw-border-opacity: 1;border-color:rgb(31 31 33 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity))}.htw-dark .v-popper--theme-dropdown .v-popper__arrow-inner{--tw-border-opacity: 1;border-color:rgb(63 63 70 / var(--tw-border-opacity))}.htw-dark .v-popper--theme-dropdown .v-popper__arrow-outer{--tw-border-opacity: 1;border-color:rgb(31 31 33 / var(--tw-border-opacity))}.v-popper--theme-dropdown.v-popper__popper--show-from .v-popper__wrapper{transform:scale(.75)}.v-popper--theme-dropdown.v-popper__popper--show-to .v-popper__wrapper{transform:none;transition:transform .15s cubic-bezier(0,1,.5,1)}.v-popper__popper:focus-visible{outline:none}.htw-bind-col-size{grid-template-columns:repeat(auto-fill,minmax(var(--histoire-col-size),1fr))}.__histoire-json-code[data-v-935458a7] .cm-editor{height:100%;min-width:280px}html,
body {
  background: transparent !important;
}body {
  margin: 0;
}html {
  font-size: 1rem;
  font-family: 'Noto Sans Display', system-ui, sans-serif;
}.htw-sandbox-hidden {
  display: none;
}.__histoire-render-story:not(.__histoire-render-custom-controls) {
  overflow: auto;
  min-height: 100%;
}
.PcomModuleWrapper__root__1eec4 {
  margin-left: auto;
  margin-right: auto;
  min-width: 0;
  max-width: 100%;
  box-sizing: initial;
  transition: opacity 250ms ease-in-out 0s, visibility 250ms ease-in-out 0s;
}
.PcomModuleWrapper__hidden__1eec4 {
  opacity: 0;
  visibility: hidden;
}
.PcomModuleWrapper__background-none__1eec4 {
  background-color: transparent;
}
.PcomModuleWrapper__background-surface__1eec4 {
  background-color: #eeeff2;
}
.PcomModuleWrapper__background-shading__1eec4 {
  background-color: rgba(1, 2, 5, 0.67);
}
.PcomModuleWrapper__withContentNav__1eec4 {
  margin-bottom: 0;
}
.PcomModuleWrapper__sticky__1eec4 {
  position: sticky;
  top: 0;
  z-index: 300;
}:where(.PcomGrid__grid__f560b) {
  margin: 0 var(--pds-internal-grid-margin, 0);
  display: grid;
  padding: 0 calc(50% - var(--pds-internal-grid-margin, 0px) - 1280px);
  grid-gap: clamp(16px, 1.25vw + 12px, 36px);
  max-width: var(--pds-internal-grid-width-max, 2560px);
  min-width: var(--pds-internal-grid-width-min, 320px);
  box-sizing: content-box;
  grid-template-columns: [full-start] minmax(0, var(--pds-internal-grid-outer-column, calc(var(--pds-internal-grid-safe-zone) - clamp(16px, 1.25vw + 12px, 36px)))) [wide-start extended-start basic-start narrow-start] repeat(6, minmax(0, 1fr)) [narrow-end basic-end extended-end wide-end] minmax(0, var(--pds-internal-grid-outer-column, calc(var(--pds-internal-grid-safe-zone) - clamp(16px, 1.25vw + 12px, 36px)))) [full-end];
  --pds-internal-grid-safe-zone: max(22px, 10.625vw - 12px);
  --pds-grid-basic-span-one-half: span 3;
  --pds-grid-basic-span-one-third: span 2;
  --pds-grid-narrow-span-one-half: span 3;
  --pds-grid-basic-span-two-thirds: span 4;
  --pds-grid-extended-span-one-half: span 3;
}
@media (min-width: 760px) {
:where(.PcomGrid__grid__f560b) {
    grid-template-columns: [full-start] minmax(0, var(--pds-internal-grid-outer-column, calc(var(--pds-internal-grid-safe-zone) - clamp(16px, 1.25vw + 12px, 36px)))) [wide-start] minmax(0, 1fr) [extended-start] minmax(0, 1fr) [basic-start] repeat(2, minmax(0, 1fr)) [narrow-start] repeat(8, minmax(0, 1fr)) [narrow-end] repeat(2, minmax(0, 1fr)) [basic-end] minmax(0, 1fr) [extended-end] minmax(0, 1fr) [wide-end] minmax(0, var(--pds-internal-grid-outer-column, calc(var(--pds-internal-grid-safe-zone) - clamp(16px, 1.25vw + 12px, 36px)))) [full-end];
    --pds-internal-grid-safe-zone: calc(5vw - 16px);
    --pds-grid-basic-span-one-half: span 6;
    --pds-grid-basic-span-one-third: span 4;
    --pds-grid-narrow-span-one-half: span 4;
    --pds-grid-basic-span-two-thirds: span 8;
    --pds-grid-extended-span-one-half: span 7;
}
}
@media (min-width: 1920px) {
:where(.PcomGrid__grid__f560b) {
    --pds-internal-grid-safe-zone: min(50vw - 880px, 400px);
}
}.PcomGridItem__width-basic__72604 {
  grid-column: basic-start/basic-end;
}
.PcomGridItem__width-basic-half__72604 {
  grid-column: basic-start/var(--pds-grid-basic-span-one-half);
}
.PcomGridItem__width-basic-half__72604.PcomGridItem__position-end__72604 {
  grid-column: var(--pds-grid-basic-span-one-half)/basic-end;
}
.PcomGridItem__width-basic-one-third__72604 {
  grid-column: basic-start/basic-end;
}
@media (min-width: 760px) {
.PcomGridItem__width-basic-one-third__72604 {
    grid-column: basic-start/var(--pds-grid-basic-span-one-third);
}
.PcomGridItem__width-basic-one-third__72604.PcomGridItem__position-center__72604 {
    grid-column: var(--pds-grid-basic-span-one-third)/var(--pds-grid-basic-span-one-third);
}
.PcomGridItem__width-basic-one-third__72604.PcomGridItem__position-end__72604 {
    grid-column: var(--pds-grid-basic-span-one-third)/basic-end;
}
}
.PcomGridItem__width-basic-two-thirds__72604 {
  grid-column: basic-start/basic-end;
}
@media (min-width: 760px) {
.PcomGridItem__width-basic-two-thirds__72604 {
    grid-column: basic-start/var(--pds-grid-basic-span-two-thirds);
}
.PcomGridItem__width-basic-two-thirds__72604.PcomGridItem__position-end__72604 {
    grid-column: var(--pds-grid-basic-span-two-thirds)/basic-end;
}
}
.PcomGridItem__width-full__72604 {
  grid-column: full-start/full-end;
}
.PcomGridItem__width-extended__72604 {
  grid-column: extended-start/extended-end;
}
.PcomGridItem__width-extended-half__72604 {
  grid-column: extended-start/var(--pds-grid-extended-span-one-half);
}
.PcomGridItem__width-extended-half__72604.PcomGridItem__position-end__72604 {
  grid-column: var(--pds-grid-extended-span-one-half)/extended-end;
}
.PcomGridItem__width-narrow__72604 {
  grid-column: narrow-start/narrow-end;
}
.PcomGridItem__width-narrow-half__72604 {
  grid-column: narrow-start/var(--pds-grid-narrow-span-one-half);
}
.PcomGridItem__width-narrow-half__72604.PcomGridItem__position-end__72604 {
  grid-column: var(--pds-grid-narrow-span-one-half)/narrow-end;
}.text__ellipsis__eb619 {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text__hyphens-manual__eb619 {
  hyphens: manual;
}

.text__hyphens-none__eb619 {
  hyphens: none;
}

.text__hyphens-auto__eb619 {
  hyphens: auto;
}

.text__align-left__eb619 {
  text-align: left;
}

.text__align-center__eb619 {
  text-align: center;
}

.text__align-right__eb619 {
  text-align: right;
}

.text__align-start__eb619 {
  text-align: start;
}

.text__align-end__eb619 {
  text-align: end;
}

.text__weight-regular__eb619 {
  font-weight: 400;
}

.text__weight-semi-bold__eb619 {
  font-weight: 600;
}

.text__weight-bold__eb619 {
  font-weight: 700;
}

.text__color-primary__eb619 {
  color: #010205;
}
.text__color-primary__eb619:where(.text__theme-dark__eb619) {
  color: #fbfcff;
}

.text__color-contrast-low__eb619 {
  color: #d8d8db;
}
.text__color-contrast-low__eb619:where(.text__theme-dark__eb619) {
  color: #404044;
}

.text__color-contrast-medium__eb619 {
  color: #6b6d70;
}
.text__color-contrast-medium__eb619:where(.text__theme-dark__eb619) {
  color: #88898c;
}

.text__color-contrast-high__eb619 {
  color: #535457;
}
.text__color-contrast-high__eb619:where(.text__theme-dark__eb619) {
  color: #afb0b3;
}

.text__color-notification-error__eb619 {
  color: #cc1922;
}
.text__color-notification-error__eb619:where(.text__theme-dark__eb619) {
  color: #fc4040;
}

.text__color-notification-info__eb619 {
  color: #2762ec;
}
.text__color-notification-info__eb619:where(.text__theme-dark__eb619) {
  color: #178bff;
}

.text__color-notification-success__eb619 {
  color: #197e10;
}
.text__color-notification-success__eb619:where(.text__theme-dark__eb619) {
  color: #09d087;
}

.text__color-notification-warning__eb619 {
  color: #f3be00;
}
.text__color-notification-warning__eb619.text__theme-dark__eb619 {
  color: #f7cb47;
}

.text__color-inherit__eb619 {
  color: inherit;
}

.text__wrap-balance__eb619 {
  text-wrap: balance;
}

.text__wrap-pretty__eb619 {
  text-wrap: pretty;
}

.text__wrap-inherit__eb619 {
  text-wrap: inherit;
}

.text__superscript__eb619 {
  font-feature-settings: "sups" on;
  font-size: inherit;
  position: static;
  line-height: inherit;
  padding: 0;
  vertical-align: baseline;
}
@supports (font-variant-position: super) {
  .text__superscript__eb619 {
    font-feature-settings: "sups" off, "sups";
    font-variant-position: super;
  }
}.PcomHeading__root__39ea1 {
  margin: 0;
}
.PcomHeading__size-small__39ea1 {
  font: normal normal 600 1rem/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}
.PcomHeading__size-medium__39ea1 {
  font: normal normal 600 clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}
.PcomHeading__size-large__39ea1 {
  font: normal normal 600 clamp(1.27rem, 0.51vw + 1.16rem, 1.78rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}
.PcomHeading__size-x-large__39ea1 {
  font: normal normal 600 clamp(1.42rem, 0.94vw + 1.23rem, 2.37rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}
.PcomHeading__size-xx-large__39ea1 {
  font: normal normal 600 clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}
.PcomHeading__size-inherit__39ea1 {
  font-size: inherit;
  line-height: inherit;
}.PcomText__root__bf0ad a {
  color: currentcolor;
  border-radius: 4px;
  margin-left: -2px;
  margin-right: -2px;
  padding-left: 2px;
  padding-right: 2px;
  transition: background var(--p-transition-duration, 0.25s) cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media (hover: hover) {
.PcomText__root__bf0ad a:hover {
    background: rgba(148, 149, 152, 0.18);
}
}
:where(.PcomText__size-xx-small__bf0ad) {
  font: normal normal 400 0.75rem/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
  hyphens: auto;
  overflow-wrap: break-word;
}
:where(.PcomText__size-x-small__bf0ad) {
  font: normal normal 400 clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
  hyphens: auto;
  overflow-wrap: break-word;
}
:where(.PcomText__size-small__bf0ad) {
  font: normal normal 400 1rem/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
  hyphens: auto;
  overflow-wrap: break-word;
}
:where(.PcomText__size-medium__bf0ad) {
  font: normal normal 400 clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
  hyphens: auto;
  overflow-wrap: break-word;
}
:where(.PcomText__size-large__bf0ad) {
  font: normal normal 400 clamp(1.27rem, 0.51vw + 1.16rem, 1.78rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
  hyphens: auto;
  overflow-wrap: break-word;
}
:where(.PcomText__size-x-large__bf0ad) {
  font: normal normal 400 clamp(1.42rem, 0.94vw + 1.23rem, 2.37rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
  hyphens: auto;
  overflow-wrap: break-word;
}.HeaderSectionSelectItemBox__box__3d725 {
  position: relative;
  display: grid;
  grid-row: 1/2;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: var(--pcom-spacing-medium) var(--pcom-spacing-x-large) auto;
}
@media (min-width: 0px) {
.HeaderSectionSelectItemBox__box__3d725 {
    height: calc(clamp(48px, 3vw + 38px, 96px) * 2);
}
}
@media (min-width: 480px) {
.HeaderSectionSelectItemBox__box__3d725 {
    height: calc(clamp(80px, 7.5vw + 56px, 200px) * 2 - clamp(48px, 3vw + 38px, 96px));
}
}
@media (min-width: 1000px) {
.HeaderSectionSelectItemBox__box__3d725 {
    height: calc(clamp(80px, 7.5vw + 56px, 200px) * 2 - clamp(32px, 2.75vw + 23px, 76px));
}
}
.HeaderSectionSelectItemBox__modelSignatureWrapper__3d725 {
  grid-row: 2/3;
  grid-column: 1/2;
  text-align: center;
  height: var(--pcom-spacing-large);
  width: 100%;
  z-index: 0;
  opacity: 0;
  transition: opacity 500ms linear 500ms;
}
.HeaderSectionSelectItemBox__modelSignature__3d725 {
  height: 100%;
  filter: brightness(0) invert(1);
}
.HeaderSectionSelectItemBox__model718Signature__3d725,
.HeaderSectionSelectItemBox__model911Signature__3d725,
.HeaderSectionSelectItemBox__modeltaycanSignature__3d725,
.HeaderSectionSelectItemBox__modelpanameraSignature__3d725 {
  margin-top: 12%;
}
.HeaderSectionSelectItemBox__modelmacanSignature__3d725,
.HeaderSectionSelectItemBox__modelcayenneSignature__3d725 {
  margin-top: 6%;
}
@media (min-width: 1760px) {
.HeaderSectionSelectItemBox__modelmacanSignature__3d725 {
    margin-top: 8%;
}
}
.HeaderSectionSelectItemBox__modelImageWrapper__3d725 {
  grid-row: 2/4;
  grid-column: 1/2;
  z-index: 1;
}
.HeaderSectionSelectItemBox__modelImage__3d725 {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  text-align: center;
  max-inline-size: 100%;
  block-size: auto;
  object-fit: cover;
  opacity: 0;
  transition: opacity 500ms ease-in-out 500ms;
}
.HeaderSectionSelectItemBox__modelImageInNav__3d725 {
  width: auto;
  margin-left: -8px;
  margin-top: -8px;
}
.HeaderSectionSelectItemBox__discardModelSelected__3d725 {
  position: absolute;
  top: 0;
  right: 0;
  grid-row: 1/2;
  grid-column: 1/2;
  z-index: 10;
}
@media (min-width: 1000px) {
.HeaderSectionSelectItemBox__discardModelSelected__3d725 {
    top: var(--pcom-spacing-large);
}
}
.HeaderSectionSelectItemBox__discardModelSelectedInNav__3d725 {
  display: flex;
  justify-content: flex-end;
  z-index: 10;
  position: absolute;
  width: 80px;
  padding-left: var(--pcom-spacing-x-large);
  box-sizing: content-box;
}
@media (min-width: 760px) {
.HeaderSectionSelectItemBox__discardModelSelectedInNav__3d725 {
    padding-right: var(--pcom-spacing-large);
}
}
.HeaderSectionSelectItemBox__spinnerWrapper__3d725 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.HeaderSectionSelectItemBox__modelName__3d725 {
  grid-row: 2/3;
  grid-column: 1/2;
  position: relative;
  z-index: 10;
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 600ms 600ms, transform 600ms 600ms;
  margin-top: 0;
}
@media (min-width: 1760px) {
.HeaderSectionSelectItemBox__modelName__3d725 {
    margin-top: calc(var(--pcom-spacing-medium));
}
}
.HeaderSectionSelectItemBox__modelNameInNav__3d725 {
  transform: translateY(-16px);
  margin-bottom: -16px;
}
.HeaderSectionSelectItemBox__visibleBox__3d725 {
  opacity: 1;
  transform: translateY(0);
}
.HeaderSectionSelectItemBox__visibleBox__3d725 .HeaderSectionSelectItemBox__modelSignatureWrapper__3d725 {
  opacity: 1;
}
.HeaderSectionSelectItemBox__visibleBox__3d725 .HeaderSectionSelectItemBox__modelImage__3d725 {
  opacity: 1;
}
.HeaderSectionSelectItemBox__visibleImage__3d725 {
  opacity: 1;
}
.HeaderSectionSelectItemBox__hiddenBox__3d725 {
  transition: all 300ms ease-in-out;
}
.HeaderSectionSelectItemBox__hiddenBox__3d725 .HeaderSectionSelectItemBox__modelSignatureWrapper__3d725 {
  opacity: 0;
}
.HeaderSectionSelectItemBox__hiddenBox__3d725 .HeaderSectionSelectItemBox__modelImage__3d725 {
  opacity: 0;
}.HeaderSectionSelect__modelSelectedContainer__10887 {
  margin-top: -25%;
}
.HeaderSectionSelect__addButton__10887 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: var(--pcom-spacing-small);
}
@media (min-width: 760px) {
.HeaderSectionSelect__addButton__10887 {
    margin-top: var(--pcom-spacing-medium);
}
}
.HeaderSectionSelect__buttonInNav__10887 {
  margin-top: 0;
}
.HeaderSectionSelect__selectWrapperInNav__10887 {
  display: flex;
  flex-direction: column;
}
.HeaderSectionSelect__addButtonNav__10887 {
  margin-top: 0;
}
.HeaderSectionSelect__addModelButton__10887 {
  animation: HeaderSectionSelect__fade__10887 400ms linear;
}
@keyframes HeaderSectionSelect__fade__10887 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}.PcomPicture__root__18b61 {
  max-width: 100%;
  display: block;
  height: auto;
}
.PcomPicture__fit-contain__18b61 {
  object-fit: contain;
}
.PcomPicture__fit-cover__18b61 {
  object-fit: cover;
}
.PcomPicture__layout-fit-container__18b61 {
  width: 100%;
  height: 100%;
}.HeaderSectionNav__modelCompareNav__efa0f {
  width: 100vw;
  background-color: #eeeff2;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 300ms, transform 300ms;
  transform: translateY(-105%);
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.16);
}
.HeaderSectionNav__stickyContent__efa0f {
  background-color: #eeeff2;
  padding: var(--pcom-spacing-small) 0;
}
.HeaderSectionNav__stickyNavigation__efa0f {
  background-color: #fff;
}.HeaderSectionOptions__gearWrapper__f29e5 {
  display: flex;
  flex-direction: column;
  gap: var(--pcom-spacing-small);
  animation: HeaderSectionOptions__translateFade__f29e5 600ms ease-out 1200ms backwards;
}
.HeaderSectionOptions__gearOptions__f29e5 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-right: var(--pcom-spacing-small);
  word-break: break-word;
}
@keyframes HeaderSectionOptions__translateFade__f29e5 {
0% {
    transform: translateY(50%);
    opacity: 0;
}
100% {
    transform: translateY(0);
    opacity: 1;
}
}.HeaderSectionEconomyValue__ecoRangesDividerWrapper__562ef {
  padding: 16px 0;
}.HeaderSectionStepItem__modelImageWrapper__1746e {
  overflow: hidden;
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: transparent;
  border-radius: 12px;
}
.HeaderSectionStepItem__derivativeName__1746e {
  color: #010205;
}
.HeaderSectionStepItem__modelRangeImage__1746e {
  width: 120%;
  height: 120%;
  margin-top: 0;
  margin-right: -10px;
  transition: transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
  border-radius: 12px;
}
@media (min-width: 1000px) {
.HeaderSectionStepItem__modelRangeImage__1746e {
    width: 150%;
    height: 150%;
}
}
.HeaderSectionStepItem__modelImageAnimation__1746e {
  transform: scale(1.1);
}
.HeaderSectionStepItem__itemImage__1746e {
  transition: transform 0.24s ease-in-out;
  width: 100%;
  height: 100%;
}
.HeaderSectionStepItem__modelInfoWrapper__1746e {
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  padding: 5px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 100%;
  width: 100%;
  border-radius: 12px;
}
.HeaderSectionStepItem__modelName__1746e {
  width: 110%;
  transition: color 0.24s;
  text-align: center;
  line-height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  border-radius: 0 0 12px 12px;
  padding-top: 20px;
  margin: 0 -5px -5px;
}
.HeaderSectionStepItem__seriesNamePosition__1746e {
  padding-bottom: 5px;
}
@media (min-width: 1300px) {
.HeaderSectionStepItem__seriesNamePosition__1746e {
    padding-bottom: 21px;
}
}
.HeaderSectionStepItem__modelSignature__1746e {
  max-height: 40%;
  margin-bottom: 5px;
}
@media (min-width: 0px) {
.HeaderSectionStepItem__modelSignature__1746e {
    height: 20px;
}
}
@media (min-width: 760px) {
.HeaderSectionStepItem__modelSignature__1746e {
    height: 20px;
}
}
@media (min-width: 1300px) {
.HeaderSectionStepItem__modelSignature__1746e {
    max-height: 30%;
    margin-bottom: 8px;
    height: 30px;
}
}
.HeaderSectionStepItem__modelItem__1746e {
  position: relative;
  cursor: pointer;
  padding: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 12px;
}
.HeaderSectionStepItem__modelItem__1746e:not(:focus), .HeaderSectionStepItem__modelItem__1746e:active {
  outline: 0;
  border: 0;
}
@media (min-width: 1300px) {
.HeaderSectionStepItem__modelItem__1746e {
    margin-bottom: -4px;
}
}
.HeaderSectionStepItem__modelItem__1746e:not(.HeaderSectionStepItem__derivativeItem__1746e) .HeaderSectionStepItem__modelItem__1746e::before {
  content: "";
  display: block;
  position: relative;
  padding-top: 100%;
}
@media (min-width: 1760px) {
.HeaderSectionStepItem__modelItem__1746e:not(.HeaderSectionStepItem__derivativeItem__1746e) .HeaderSectionStepItem__modelItem__1746e::before {
    padding-top: 74.91%;
}
}
.HeaderSectionStepItem__derivativeItem__1746e {
  box-sizing: border-box;
  transition: box-shadow 0.25s;
  width: 100%;
  height: 100%;
  padding: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #eeeff2;
  border: 2px solid green;
  border-radius: 12px;
  overflow: hidden;
}
.HeaderSectionStepItem__derivativeItem__1746e:hover {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #d8d8db;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.HeaderSectionStepItem__derivativeItem__1746e .HeaderSectionStepItem__modelImageWrapper__1746e {
  position: relative;
}
.HeaderSectionStepItem__derivativeItem__1746e .HeaderSectionStepItem__modelImageWrapper__1746e::before {
  content: "";
  display: block;
  position: relative;
  padding-top: 56.27%;
}
.HeaderSectionStepItem__derivativeItem__1746e .HeaderSectionStepItem__modelImageWrapper__1746e .HeaderSectionStepItem__modelRangeImage__1746e {
  position: absolute;
}
.HeaderSectionStepItem__derivativeItem__1746e:not(:focus), .HeaderSectionStepItem__derivativeItem__1746e:active, .HeaderSectionStepItem__derivativeItem__1746e:focus {
  outline: 0;
  border: 0;
}
.HeaderSectionStepItem__derivativeItem__1746e.HeaderSectionStepItem__modelSelected__1746e {
  box-shadow: inset 0 0 0 2px #6b6d70;
  background-color: transparent;
}
.HeaderSectionStepItem__derivativeItem__1746e > .HeaderSectionStepItem__modelInfoWrapper__1746e {
  position: relative;
  margin-top: -8px;
  left: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: auto;
  width: 100%;
}
.HeaderSectionStepItem__derivativeItem__1746e > .HeaderSectionStepItem__modelImageWrapper__1746e {
  position: relative;
}
.HeaderSectionStepItem__ecoRangesEconomyDataWrapper__1746e {
  padding-bottom: 8px;
  height: auto;
}
.HeaderSectionStepItem__ecoRangesEconomyDataWrapperText__1746e {
  text-align: justify;
}.HeaderSectionStep__modelCompareStep__e9d0b {
  background-color: #fff;
  width: 100%;
  padding-bottom: 16px;
}
@supports (-webkit-touch-callout: none) {
.HeaderSectionStep__modelCompareStep__e9d0b {
    width: 100%;
}
}
.HeaderSectionStep__stepContainer__e9d0b {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--pcom-spacing-medium);
  height: auto;
  visibility: visible;
}
@media (min-width: 1300px) {
.HeaderSectionStep__stepContainer__e9d0b {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--pcom-spacing-small);
}
}
.HeaderSectionStep__derivativeContainer__e9d0b {
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 1300px) {
.HeaderSectionStep__derivativeContainer__e9d0b {
    grid-template-columns: repeat(4, 1fr);
}
}
.HeaderSectionStep__modelItemWrapper__e9d0b {
  grid-column: span 1;
  box-sizing: border-box;
  position: relative;
  height: 130px;
  overflow: hidden;
}
@media (min-width: 760px) {
.HeaderSectionStep__modelItemWrapper__e9d0b {
    height: 130px;
}
}
@media (min-width: 1000px) {
.HeaderSectionStep__modelItemWrapper__e9d0b {
    height: 150px;
}
}
@media (min-width: 1300px) {
.HeaderSectionStep__modelItemWrapper__e9d0b {
    height: 170px;
}
}
@media (min-width: 1760px) {
.HeaderSectionStep__modelItemWrapper__e9d0b {
    height: 200px;
}
}
.HeaderSectionStep__modelItemDerivativeWrapper__e9d0b {
  grid-column: span 1;
  box-sizing: border-box;
  position: relative;
}
.HeaderSectionStep__modelsName__e9d0b {
  margin-bottom: 12px;
}
.HeaderSectionStep__observer__e9d0b {
  height: 1px;
  width: 100%;
  position: absolute;
  z-index: 100;
}
.fade-image-enter-active {
  transition: opacity 300ms ease-in-out;
}
.fade-image-enter-to {
  opacity: 1;
}
.fade-image-enter {
  opacity: 0;
}

/* --new-- */
.HeaderSectionStep__modelItem__e9d0b {
  position: relative;
  cursor: pointer;
  padding: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 12px;
}
.HeaderSectionStep__modelItem__e9d0b:not(:focus), .HeaderSectionStep__modelItem__e9d0b:active {
  outline: 0;
  border: 0;
}
@media (min-width: 1300px) {
.HeaderSectionStep__modelItem__e9d0b {
    margin-bottom: -4px;
}
}
.HeaderSectionStep__modelItem__e9d0b:not(.HeaderSectionStep__derivativeItem__e9d0b) .HeaderSectionStep__modelItem__e9d0b::before {
  content: "";
  display: block;
  position: relative;
  padding-top: 100%;
}
@media (min-width: 1760px) {
.HeaderSectionStep__modelItem__e9d0b:not(.HeaderSectionStep__derivativeItem__e9d0b) .HeaderSectionStep__modelItem__e9d0b::before {
    padding-top: 75%;
}
}
.HeaderSectionStep__modelChooseOther__e9d0b {
  position: relative;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  padding: 16px 0;
  border: 0;
  background-color: #eeeff2;
  border-radius: 12px;
  cursor: pointer;
}
.HeaderSectionStep__modelChooseOther__e9d0b::before {
  content: "";
  display: block;
  padding-top: 72%;
  padding-bottom: 16px;
}
@media (min-width: 1000px) {
.HeaderSectionStep__modelChooseOther__e9d0b::before {
    padding-bottom: 0;
}
}
.HeaderSectionStep__modelContentWrapper__e9d0b {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 4px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border-radius: 12px;
}
@media (min-width: 760px) {
.HeaderSectionStep__modelContentWrapper__e9d0b {
    padding: 8px;
}
}
@media (min-width: 1760px) {
.HeaderSectionStep__modelContentWrapper__e9d0b {
    padding: 16px 48px;
}
}.HeaderSectionSeries__seriesContainer__2f60c {
  position: unset;
  overflow: hidden;
}
@media (min-width: 760px) {
.HeaderSectionSeries__seriesContainer__2f60c {
    position: relative;
}
}
.HeaderSectionSeries__seriesSpaceHolder__2f60c {
  box-sizing: border-box;
  transition: height 250ms;
  height: auto;
}
@media (min-width: 760px) {
.HeaderSectionSeries__seriesSpaceHolder__2f60c {
    width: 482px;
    height: calc(586px + var(--pcom-spacing-medium));
}
}
@media (min-width: 1000px) {
.HeaderSectionSeries__seriesSpaceHolder__2f60c {
    width: 508px;
    height: calc(666px + var(--pcom-spacing-medium));
}
}
@media (min-width: 1300px) {
.HeaderSectionSeries__seriesSpaceHolder__2f60c {
    width: 710px;
    height: calc(584px + var(--pcom-spacing-medium));
}
}
@media (min-width: 1760px) {
.HeaderSectionSeries__seriesSpaceHolder__2f60c {
    width: 948px;
    height: calc(656px + var(--pcom-spacing-medium));
}
}
@media (min-width: 1920px) {
.HeaderSectionSeries__seriesSpaceHolder__2f60c {
    width: 948px;
    height: calc(656px + var(--pcom-spacing-medium));
}
}
.HeaderSectionSeries__series__2f60c {
  display: block;
  box-sizing: border-box;
  position: absolute;
  inset: 0;
  overflow-y: hidden;
}
@media (min-width: 760px) {
.HeaderSectionSeries__series__2f60c {
    overflow: hidden;
}
}
.HeaderSectionSeries__seriesWrapper__2f60c {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  box-sizing: border-box;
}
.HeaderSectionSeries__seriesHeader__2f60c {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  z-index: 40;
  padding: 32px 32px 0;
}
.HeaderSectionSeries__headerContent__2f60c {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.HeaderSectionSeries__seriesProgress__2f60c {
  flex-basis: 100%;
  margin-top: 16px;
  background-color: #d1d1d1;
  height: 2px;
}
.HeaderSectionSeries__seriesProgressBar__2f60c {
  background-color: #6b6d70;
  display: block;
  height: 2px;
  transition: width 300ms;
}
.HeaderSectionSeries__seriesClose__2f60c {
  background-color: #fff;
  border: 0;
  cursor: pointer;
  padding: 0;
  margin-right: -5px;
}
.HeaderSectionSeries__seriesClose__2f60c:not(:focus),
.HeaderSectionSeries__seriesClose__2f60c:active {
  outline: 0;
  border: 0;
}
.HeaderSectionSeries__stepContainer__2f60c {
  position: relative;
  box-sizing: border-box;
  padding: var(--pcom-spacing-large) var(--pcom-spacing-medium);
  border: 0;
  height: 100%;
  width: 100%;
  max-height: calc(100% - 260px);
}
@media (min-width: 760px) {
.HeaderSectionSeries__stepContainer__2f60c {
    padding: var(--pcom-spacing-medium);
    max-height: 100%;
}
}
@supports (-webkit-touch-callout: none) {
.HeaderSectionSeries__stepContainer__2f60c {
    width: 100%;
}
}
.HeaderSectionSeries__transitionGroup__2f60c {
  position: relative;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.HeaderSectionSeries__seriesStep__2f60c {
  position: absolute;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  overflow: hidden auto;
  opacity: 0;
  z-index: 10;
  transition: all 500ms;
  padding: 0;
  -ms-overflow-style: none; /* IE and Edge */
}
@media (min-width: 760px) {
.HeaderSectionSeries__seriesStep__2f60c {
    scrollbar-width: thin; /* Firefox */
    scroll-behavior: smooth;
    scrollbar-color: #535457 transparent;
}
.HeaderSectionSeries__seriesStep__2f60c::-webkit-scrollbar {
    width: 4px;
}
.HeaderSectionSeries__seriesStep__2f60c::-webkit-scrollbar-track {
    background: transparent;
}
.HeaderSectionSeries__seriesStep__2f60c::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #535457;
}
}
.HeaderSectionSeries__stepWithBack__2f60c {
  padding-bottom: 0;
  max-height: calc(100% - 200px - 1rem);
}
@media (min-width: 760px) {
.HeaderSectionSeries__stepWithBack__2f60c {
    padding-bottom: 0;
    max-height: 460px;
}
}
@media (min-width: 1000px) {
.HeaderSectionSeries__stepWithBack__2f60c {
    max-height: 530px;
}
}
@media (min-width: 1300px) {
.HeaderSectionSeries__stepWithBack__2f60c {
    max-height: 450px;
}
}
@media (min-width: 1760px) {
.HeaderSectionSeries__stepWithBack__2f60c {
    max-height: 500px;
}
}
@media (min-width: 1760px) {
.HeaderSectionSeries__stepWithBack__2f60c {
    max-height: 480px;
}
}
@media (min-width: 1920px) {
.HeaderSectionSeries__stepWithBack__2f60c {
    max-height: 500px;
}
}
@media (min-width: 0px) and (max-width: 759px) {
.HeaderSectionSeries__stepWithoutButton__2f60c {
    max-height: calc(100% - 200px);
}
}
@media (min-width: 0px) and (max-width: 759px) {
.HeaderSectionSeries__stepNoFooter__2f60c {
    max-height: calc(100% - 98px);
}
}
.HeaderSectionSeries__seriesFooter__2f60c {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 16px;
  box-sizing: border-box;
  width: 100%;
  margin-top: 0;
  position: absolute;
  background: #fff;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  min-height: 48px;
}
@media (min-width: 760px) {
.HeaderSectionSeries__seriesFooter__2f60c {
    flex-direction: row;
    align-self: flex-end;
    align-items: flex-end;
    height: auto;
    justify-content: flex-start;
    min-height: 32px;
}
}
.HeaderSectionSeries__footerWithPadding__2f60c {
  padding: 16px;
}
.HeaderSectionSeries__scrollShadow__2f60c::before {
  pointer-events: none;
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16);
}
.HeaderSectionSeries__comparisonLink__2f60c {
  width: 100%;
}
@media (min-width: 760px) {
.HeaderSectionSeries__comparisonLink__2f60c {
    width: auto;
    margin-right: 16px;
}
}
.HeaderSectionSeries__seriesBack__2f60c {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
}
@media (min-width: 760px) {
.HeaderSectionSeries__seriesBack__2f60c {
    margin-top: 0;
    margin-bottom: 0;
    padding: 12px 0;
}
}
.HeaderSectionSeries__showStep__2f60c {
  opacity: 1;
  z-index: 20;
}
.HeaderSectionSeries__right__2f60c {
  transform: translate(-100%, 0);
}
.HeaderSectionSeries__left__2f60c {
  transform: translate(100%, 0);
}.HeaderTabsNavigation__tabButton__97323 {
  padding: 0 40px;
}.HeaderSection__wrapper__588b8 {
  box-sizing: border-box;
  margin-bottom: 8px;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.16);
}
.HeaderSection__wrapperSpaced__588b8 {
  margin-bottom: var(--pcom-spacing-xx-large);
}
.HeaderSection__textContainer__588b8 {
  padding-top: var(--pcom-spacing-x-large);
  padding-bottom: var(--pcom-spacing-medium);
  background-color: #eeeff2;
}
.HeaderSection__textContainerThreeItems__588b8 {
  align-items: center;
  width: 100%;
}
.HeaderSection__headline__588b8 {
  hyphens: auto;
  padding-bottom: var(--pcom-spacing-medium);
}
@media (min-width: 760px) {
.HeaderSection__headline__588b8 {
    padding-bottom: var(--pcom-spacing-small);
}
}
.HeaderSection__spinnerWrapper__588b8 {
  padding-top: var(--pcom-spacing-medium);
  display: flex;
  justify-content: center;
}
.HeaderSection__itemsContainer__588b8 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto var(--pcom-spacing-large) auto;
  transition: all 600ms ease-in-out;
}
.HeaderSection__greyBlock__588b8 {
  display: grid;
  grid-row: 1/3;
  grid-column: 1/2;
  width: 100%;
  background-color: #eeeff2;
  max-height: 300px;
  transition: all 600ms ease-in-out;
}
.HeaderSection__gridContainer__588b8 {
  grid-row: 2/-1;
  grid-column: 1/2;
  row-gap: var(--pcom-spacing-large);
  padding-bottom: var(--pcom-spacing-x-large);
}
@media (min-width: 760px) {
.HeaderSection__gridContainer__588b8 {
    row-gap: var(--pcom-spacing-medium);
    padding-bottom: var(--pcom-spacing-large);
}
}
.HeaderSection__tabsNavigationWrapper__588b8 {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: var(--pcom-spacing-x-small) 0;
}
.HeaderSection__greyContent__588b8 {
  background-color: #eeeff2;
  padding-top: calc(var(--pcom-spacing-x-large) + var(--pcom-spacing-x-large));
  padding-bottom: calc(2 * var(--pcom-spacing-x-large));
}
@media (min-width: 760px) {
.HeaderSection__greyContent__588b8 {
    padding-top: calc(var(--pcom-spacing-x-large) + var(--pcom-spacing-medium));
}
}
.HeaderSection__tabsWrapper__588b8 {
  display: flex;
  justify-content: center;
}
.HeaderSection__headerSticky__588b8 {
  display: flex;
  gap: var(--pcom-spacing-large);
  flex-direction: row;
}
.HeaderSection__headerStickyItem__588b8 {
  width: calc(50% - var(--pcom-spacing-large) / 2);
}
.HeaderSection__slideUpAnimation__588b8 {
  animation: HeaderSection__translateFade__588b8 600ms ease-out 1200ms backwards;
}
@keyframes HeaderSection__translateFade__588b8 {
0% {
    transform: translateY(50%);
    opacity: 0;
}
100% {
    transform: translateY(0);
    opacity: 1;
}
}.DifferencesToggle__differencesToggle__d869f {
  margin-bottom: clamp(16px, 1.25vw + 12px, 36px);
  display: flex;
  justify-content: center;
}.DataSectionValue__root__c6ee4 {
  padding: var(--pcom-spacing-small) 0 0 var(--pcom-spacing-small);
}
.DataSectionValue__indexDisclaimer__c6ee4 {
  margin-left: var(--pcom-spacing-x-small);
}
.DataSectionValue__valuesContainer__c6ee4 {
  display: flex;
  align-items: center;
  width: 100%;
  gap: var(--pcom-spacing-large);
  margin: var(--pcom-spacing-small) 0;
}
.DataSectionValue__valueWrapper__c6ee4 {
  display: flex;
  align-items: center;
}
.DataSectionValue__iconWrapper__c6ee4 {
  margin-right: var(--pcom-spacing-x-small);
}.DataSectionBanner__wrapper__26783 {
  padding: 32px 0;
  background: #fff;
}
.DataSectionBanner__content__26783 {
  padding: 16px;
  background-color: #eeeff2;
  border-radius: 4px;
}
@media (min-width: 760px) {
.DataSectionBanner__text__26783 {
    max-width: 80%;
}
}.DataSectionDisclaimers__contentWrapper__0c2ac {
  margin: 16px;
  animation: DataSectionDisclaimers__fadeIn__0c2ac 500ms ease-out;
}
@keyframes DataSectionDisclaimers__fadeIn__0c2ac {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}.CarImage__carImageWrapper__03956 {
  width: 100%;
  height: auto;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.CarImage__carImageSpinnerWrapper__03956 {
  position: absolute;
}
.CarImage__image__03956 {
  width: 100%;
  height: auto;
  border-radius: 12px;
  transition: all 0.3s ease;
}
.CarImage__imageFade__03956 {
  opacity: 0.1;
}.ColorPicker__colorPalette__f1d72 {
  margin-top: 16px;
}
.ColorPicker__sectionName__f1d72 {
  margin-top: 16px;
  margin-bottom: 8px;
}
.ColorPicker__colorBtn__f1d72 {
  padding: 2px;
  padding-left: 3px;
  border: none;
  height: 100%;
  background-color: transparent;
}
.ColorPicker__colorBtnSelected__f1d72,
.ColorPicker__colorBtn__f1d72:hover {
  outline: 2px solid #010205;
  border-radius: 8px;
}
.ColorPicker__colorContent__f1d72 {
  aspect-ratio: 1/1;
  min-height: auto;
  height: auto;
  cursor: pointer;
  transition: height 100ms linear, transform 300ms;
  margin-left: -1px;
  border-radius: 8px;
}
@media (min-width: 760px) {
.ColorPicker__colorContent__f1d72 {
    height: 3.125rem;
    min-width: 3.125rem;
    aspect-ratio: auto;
}
}
.ColorPicker__colorContentModal__f1d72 {
  min-height: 32px;
  aspect-ratio: auto;
}
.ColorPicker__colorSection__f1d72 {
  margin-bottom: 32px;
}
.ColorPicker__imageContainer__f1d72 {
  width: 100%;
}
.ColorPicker__image__f1d72 {
  width: 100%;
  height: auto;
  border-radius: 12px;
  transition: all 0.3s ease;
}
.ColorPicker__selectedColorName__f1d72 {
  height: 48px;
}
.ColorPicker__colorList__f1d72 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(8px, 0.5vw + 6px, 16px);
}
@media screen and (max-width: 389px) {
.ColorPicker__colorList__f1d72 {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 760px) {
.ColorPicker__colorList__f1d72 {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1000px) {
.ColorPicker__colorList__f1d72 {
    grid-template-columns: repeat(4, 1fr);
}
}
.ColorPicker__imageWrapper__f1d72 {
  position: relative;
  animation: ColorPicker__fadeIn__f1d72 500ms ease-out;
}
.ColorPicker__modalIcon__f1d72 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: var(--pcom-spacing-large);
  width: var(--pcom-spacing-large);
  max-height: 48px;
  max-width: 48px;
  background-color: #fff;
  border-radius: 4px;
  border: 0;
  position: absolute;
  top: var(--pcom-spacing-small);
  right: var(--pcom-spacing-small);
  z-index: 99;
  cursor: pointer;
}
@media (max-width: 999px) {
.ColorPicker__modalIcon__f1d72 {
    display: none;
}
}
.ColorPicker__zoomSingleIcon__f1d72 {
  width: 12px;
  color: #535457;
  transition: all 0.3s;
}
.ColorPicker__modalIcon__f1d72:hover .ColorPicker__zoomSingleIcon__f1d72 {
  width: 16px;
}
.ColorPicker__zoomIcons__f1d72 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  width: 10px;
  transform: rotate(-45deg);
}
.ColorPicker__imageSpinnerWrapper__f1d72 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  animation: ColorPicker__fadeIn__f1d72 500ms ease-out;
}
@media (min-width: 760px) {
.ColorPicker__imageSpinnerWrapper__f1d72 {
    height: 200px;
}
}
@keyframes ColorPicker__fadeIn__f1d72 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.ColorPicker__modalWrapper__f1d72 {
  width: 70vw;
}.Draggable__compare__302fd {
  position: relative;
  width: 100%;
  aspect-ratio: 889/500;
  overflow: hidden;
  border-radius: 12px;
}
.Draggable__line__302fd {
  height: 70%;
  width: 4px;
  max-width: 8px;
  position: absolute;
  top: 14%;
  transform: rotate(28deg);
  border: 0;
  transition: all 0.3;
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
@media (min-width: 760px) {
.Draggable__line__302fd {
    width: 5px;
}
}
@media (min-width: 1000px) {
.Draggable__line__302fd {
    width: 6px;
}
}
@media (min-width: 1300px) {
.Draggable__line__302fd {
    width: 7px;
}
}
.Draggable__compareImage__302fd {
  position: absolute;
  width: 100%;
  aspect-ratio: 889/500;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.Draggable__imagenes__302fd:first-of-type {
  width: 100%;
  aspect-ratio: 889/500;
  object-fit: cover;
}
.Draggable__compareSlider__302fd {
  position: absolute;
  z-index: 1;
  background: #fff;
  border: 0;
  border-radius: 4px;
  cursor: grab;
  transition: opacity 0.5s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2rem;
  height: 2rem;
}
@media (min-width: 760px) {
.Draggable__compareSlider__302fd {
    width: 3rem;
    height: 3rem;
}
}
.Draggable__dragSingleIcon__302fd {
  width: 16px;
  color: #535457;
  transition: all 0.3s;
}
.Draggable__compareSlider__302fd:active {
  border: 0.1rem solid rgba(255, 255, 255, 0.3);
  cursor: grabbing;
  opacity: 0.9;
}
.Draggable__compareSlider__302fd:active .Draggable__dragSingleIcon__302fd {
  width: 20px;
}
.Draggable__dragIcons__302fd {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  width: 10px;
}
.Draggable__iconLeft__302fd {
  margin-right: -3px;
}
.Draggable__iconRight__302fd {
  margin-left: -3px;
}
.Draggable__initialMove__302fd {
  animation-name: Draggable__move__302fd;
  animation-duration: 1.5s;
}
@keyframes Draggable__move__302fd {
0% {
    left: 50%;
}
33% {
    left: 70%;
}
66% {
    left: 30%;
}
100% {
    left: 50%;
}
}
.Draggable__initialMoveImage__302fd {
  animation-name: Draggable__movement__302fd;
  animation-duration: 1.5s;
}
@keyframes Draggable__movement__302fd {
0% {
    clip-path: polygon(65% 0, 35% 100%, 0 100%, 0 0);
}
33% {
    clip-path: polygon(85% 0, 55% 100%, 0 100%, 0 0);
}
66% {
    clip-path: polygon(45% 0, 15% 100%, 0 100%, 0 0);
}
100% {
    clip-path: polygon(65% 0, 35% 100%, 0 100%, 0 0);
}
}.PcomSliderNavigation__root__2d0e4 {
  opacity: 1;
}
.PcomSliderNavigation__button__2d0e4 {
  position: absolute;
  top: calc(50% - var(--pcom-slider-navigation-height, 0) / 2);
  translate: 0 -50%;
  z-index: 2;
  filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.1));
  background-color: #fff;
  border: 2px solid #fff;
  padding: 2px;
  cursor: pointer;
  transition: filter var(--pcom-motion-duration-short) ease-in-out 0s, opacity var(--pcom-motion-duration-short) ease-in-out 0s, background-color var(--pcom-motion-duration-short) ease 0s, border-color var(--pcom-motion-duration-short) ease 0s;
  font-size: clamp(0.5rem, 0.83333vw + 0.33333rem, 1.25rem);
  border-radius: 4px;
  overflow: hidden;
  border-radius: 4px;
}
.PcomSliderNavigation__button__2d0e4:hover {
  border-color: #afb0b3;
  background-color: #afb0b3;
}
.PcomSliderNavigation__button__2d0e4:focus {
  outline: 2px solid #1a44ea;
  outline-offset: 2px;
}
.PcomSliderNavigation__button__2d0e4:focus:not(:focus-visible) {
  outline-color: transparent;
}
.PcomSliderNavigation__buttonInactive__2d0e4 {
  opacity: 0.6;
  filter: none;
}
.PcomSliderNavigation__prev__2d0e4 {
  left: var(--pds-internal-grid-safe-zone);
  transform-origin: left;
}
.PcomSliderNavigation__next__2d0e4 {
  right: var(--pds-internal-grid-safe-zone);
  transform-origin: right;
}
.PcomSliderNavigation__shouldFadeoutButtons__2d0e4 .PcomSliderNavigation__button__2d0e4 {
  opacity: var(--pcom-slider-navigation-opacity, 0);
}
.PcomSliderNavigation__shouldFadeoutButtons__2d0e4:focus-within .PcomSliderNavigation__button__2d0e4 {
  opacity: 1;
}.PcomSlider__root__4ec55 {
  position: relative;
  box-sizing: content-box;
  aspect-ratio: var(--pcom-pcom-slider-aspect-ratio, auto);
  /* stylelint-disable custom-property-pattern -- this are global custom properties of the swiper library */
  --swiper-theme-color: #010205;
  --swiper-pagination-bullet-inactive-color: #6b6d70;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-size: 8px;
  /* stylelint-enable custom-property-pattern */
  --pcom-slider-navigation-padding-x: clamp(32px, 2.75vw + 23px, 76px);
  --pcom-slider-navigation-opacity: 0;
  --pcom-slider-navigation-height: 0px;
  --pcom-slider-navigation-scale: 1;
  /* needs to be inside root in order to overrule the swiper styles */
}
@media (hover: none) and (pointer: coarse) {
.PcomSlider__root__4ec55 {
    --pcom-slider-navigation-opacity: 1;
}
}
@media (hover: hover) and (pointer: fine) {
.PcomSlider__root__4ec55:hover {
    --pcom-slider-navigation-opacity: 1;
}
}
.PcomSlider__root__4ec55 .PcomSlider__paginationContainer__4ec55.swiper-pagination-bullets {
  position: absolute;
  z-index: 2;
  bottom: 4px;
}
.PcomSlider__root__4ec55 .swiper-slide {
  z-index: 0;
}
.PcomSlider__root__4ec55 .swiper-slide-active {
  z-index: 1;
}
.PcomSlider__root__4ec55 .swiper-pagination-bullet {
  width: 8px;
  border-radius: 4px;
  transition: background-color 400ms ease 0s, width 400ms ease 0s;
}
.PcomSlider__root__4ec55 .swiper-pagination-bullet-active {
  width: 20px;
}
.PcomSlider__theme-dark__4ec55 {
  /* stylelint-disable custom-property-pattern -- this are global custom properties of the swiper library */
  --swiper-theme-color: #fbfcff;
  --swiper-pagination-bullet-inactive-color: #88898c;
  /* stylelint-enable custom-property-pattern */
}
.PcomSlider__isPaginationOutside__4ec55 {
  /* stylelint-disable custom-property-pattern -- this are global custom properties of the swiper library */
  --pcom-slider-navigation-height: calc(
    var(--swiper-pagination-bullet-size) + 32px
  );
  /* stylelint-enable custom-property-pattern */
  padding-bottom: var(--pcom-slider-navigation-height);
}
@media (min-width: 760px) {
.PcomSlider__hasButtonsOutside__4ec55 {
    --pcom-slider-navigation-padding-x: 0;
    padding-left: calc(48px * var(--pcom-slider-navigation-scale) + 16px);
    padding-right: calc(48px * var(--pcom-slider-navigation-scale) + 16px);
    margin: 0 auto;
}
}
.PcomSlider__useUniformHeight__4ec55 .swiper-wrapper {
  align-items: stretch;
}
.PcomSlider__useUniformHeight__4ec55 .swiper-slide {
  height: auto;
}.ViewsSlider__image__36497 {
  width: 100%;
  height: auto;
  border-radius: 12px;
}
.ViewsSlider__viewSlider__36497 {
  margin: 8px 0;
}
.ViewsSlider__selected__36497 {
  outline: 1px solid #535457;
  outline-offset: -1px;
}
@media (max-width: 999px) {
.ViewsSlider__selected__36497 {
    outline: 0;
}
}.DesignChapter__designChapter__a4384 {
  background: #fff;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1000px) {
.DesignChapter__designChapter__a4384 {
    flex-direction: row;
}
.DesignChapter__designChapter__a4384 .DesignChapter__no-margin-top__a4384 {
    margin-top: 0;
}
}
.DesignChapter__content__a4384 {
  width: 100%;
}
@media (min-width: 1000px) {
.DesignChapter__content__a4384 {
    margin: 0;
}
}
.DesignChapter__picker__a4384 {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 32px;
  gap: var(--pcom-spacing-large);
}
.DesignChapter__pickerBottom__a4384 {
  margin-bottom: 0;
}
.DesignChapter__pickerContainer__a4384 {
  width: calc(50% - var(--pcom-spacing-large) / 2);
}
.DesignChapter__designChapterBig__a4384 {
  flex-direction: column;
  background: #fff;
  display: flex;
}
.DesignChapter__contentBig__a4384 {
  width: 100%;
}
.DesignChapter__pickerContainerBig__a4384 {
  width: calc(33.3333333333% - 10px);
}
.DesignChapter__dragWrapper__a4384 {
  opacity: 0;
  transform: translateY(20px);
  position: relative;
}
.DesignChapter__modalIcon__a4384 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: var(--pcom-spacing-large);
  width: var(--pcom-spacing-large);
  max-height: 48px;
  max-width: 48px;
  background-color: #fff;
  border-radius: 4px;
  border: 0;
  position: absolute;
  top: var(--pcom-spacing-small);
  right: var(--pcom-spacing-small);
  z-index: 99;
  cursor: pointer;
}
.DesignChapter__zoomSingleIcon__a4384 {
  width: 12px;
  color: #535457;
  transition: all 0.3s;
}
.DesignChapter__modalIcon__a4384:hover .DesignChapter__zoomSingleIcon__a4384 {
  width: 16px;
}
.DesignChapter__zoomIcons__a4384 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  width: 10px;
  transform: rotate(-45deg);
}
.DesignChapter__draggableAnimation__a4384 {
  transform: translateY(0);
  opacity: 1;
  transition: opacity 1.2s cubic-bezier(0, 0, 0.2, 1), transform 1.2s cubic-bezier(0, 0, 0.2, 1);
}
.DesignChapter__modalDraggable__a4384 {
  width: 70vw;
}:where(.PcomGrid__grid__f560b) {
  margin: 0 var(--pds-internal-grid-margin, 0);
  display: grid;
  padding: 0 calc(50% - var(--pds-internal-grid-margin, 0px) - 1280px);
  grid-gap: clamp(16px, 1.25vw + 12px, 36px);
  max-width: var(--pds-internal-grid-width-max, 2560px);
  min-width: var(--pds-internal-grid-width-min, 320px);
  box-sizing: content-box;
  grid-template-columns: [full-start] minmax(0, var(--pds-internal-grid-outer-column, calc(var(--pds-internal-grid-safe-zone) - clamp(16px, 1.25vw + 12px, 36px)))) [wide-start extended-start basic-start narrow-start] repeat(6, minmax(0, 1fr)) [narrow-end basic-end extended-end wide-end] minmax(0, var(--pds-internal-grid-outer-column, calc(var(--pds-internal-grid-safe-zone) - clamp(16px, 1.25vw + 12px, 36px)))) [full-end];
  --pds-internal-grid-safe-zone: max(22px, 10.625vw - 12px);
  --pds-grid-basic-span-one-half: span 3;
  --pds-grid-basic-span-one-third: span 2;
  --pds-grid-narrow-span-one-half: span 3;
  --pds-grid-basic-span-two-thirds: span 4;
  --pds-grid-extended-span-one-half: span 3;
}
@media (min-width: 760px) {
  :where(.PcomGrid__grid__f560b) {
    grid-template-columns: [full-start] minmax(0, var(--pds-internal-grid-outer-column, calc(var(--pds-internal-grid-safe-zone) - clamp(16px, 1.25vw + 12px, 36px)))) [wide-start] minmax(0, 1fr) [extended-start] minmax(0, 1fr) [basic-start] repeat(2, minmax(0, 1fr)) [narrow-start] repeat(8, minmax(0, 1fr)) [narrow-end] repeat(2, minmax(0, 1fr)) [basic-end] minmax(0, 1fr) [extended-end] minmax(0, 1fr) [wide-end] minmax(0, var(--pds-internal-grid-outer-column, calc(var(--pds-internal-grid-safe-zone) - clamp(16px, 1.25vw + 12px, 36px)))) [full-end];
    --pds-internal-grid-safe-zone: calc(5vw - 16px);
    --pds-grid-basic-span-one-half: span 6;
    --pds-grid-basic-span-one-third: span 4;
    --pds-grid-narrow-span-one-half: span 4;
    --pds-grid-basic-span-two-thirds: span 8;
    --pds-grid-extended-span-one-half: span 7;
  }
}
@media (min-width: 1920px) {
  :where(.PcomGrid__grid__f560b) {
    --pds-internal-grid-safe-zone: min(50vw - 880px, 400px);
  }
}.PcomGridItem__width-basic__72604 {
  grid-column: basic-start/basic-end;
}

.PcomGridItem__width-basic-half__72604 {
  grid-column: basic-start/var(--pds-grid-basic-span-one-half);
}
.PcomGridItem__width-basic-half__72604.PcomGridItem__position-end__72604 {
  grid-column: var(--pds-grid-basic-span-one-half)/basic-end;
}

.PcomGridItem__width-basic-one-third__72604 {
  grid-column: basic-start/basic-end;
}
@media (min-width: 760px) {
  .PcomGridItem__width-basic-one-third__72604 {
    grid-column: basic-start/var(--pds-grid-basic-span-one-third);
  }
  .PcomGridItem__width-basic-one-third__72604.PcomGridItem__position-center__72604 {
    grid-column: var(--pds-grid-basic-span-one-third)/var(--pds-grid-basic-span-one-third);
  }
  .PcomGridItem__width-basic-one-third__72604.PcomGridItem__position-end__72604 {
    grid-column: var(--pds-grid-basic-span-one-third)/basic-end;
  }
}

.PcomGridItem__width-basic-two-thirds__72604 {
  grid-column: basic-start/basic-end;
}
@media (min-width: 760px) {
  .PcomGridItem__width-basic-two-thirds__72604 {
    grid-column: basic-start/var(--pds-grid-basic-span-two-thirds);
  }
  .PcomGridItem__width-basic-two-thirds__72604.PcomGridItem__position-end__72604 {
    grid-column: var(--pds-grid-basic-span-two-thirds)/basic-end;
  }
}

.PcomGridItem__width-full__72604 {
  grid-column: full-start/full-end;
}

.PcomGridItem__width-extended__72604 {
  grid-column: extended-start/extended-end;
}

.PcomGridItem__width-extended-half__72604 {
  grid-column: extended-start/var(--pds-grid-extended-span-one-half);
}
.PcomGridItem__width-extended-half__72604.PcomGridItem__position-end__72604 {
  grid-column: var(--pds-grid-extended-span-one-half)/extended-end;
}

.PcomGridItem__width-narrow__72604 {
  grid-column: narrow-start/narrow-end;
}

.PcomGridItem__width-narrow-half__72604 {
  grid-column: narrow-start/var(--pds-grid-narrow-span-one-half);
}
.PcomGridItem__width-narrow-half__72604.PcomGridItem__position-end__72604 {
  grid-column: var(--pds-grid-narrow-span-one-half)/narrow-end;
}.ModelCompareChapter__main__a55fd {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin-bottom: clamp(48px, 3vw + 38px, 96px);
}
.ModelCompareChapter__background__a55fd {
  background-color: #eeeff2;
  padding-top: 4rem;
  padding-bottom: 2rem;
}
.ModelCompareChapter__headline__a55fd {
  margin-top: 0;
  display: flex;
  justify-content: center;
  animation: ModelCompareChapter__fadeIn__a55fd 1.2s cubic-bezier(0, 0, 0.2, 1);
}
.ModelCompareChapter__marginHeadline__a55fd {
  margin-top: 8px;
}
.ModelCompareChapter__content__a55fd {
  margin-block-start: var(--pcom-spacing-large);
  opacity: 0;
}
.ModelCompareChapter__noContentMargin__a55fd {
  margin: 0;
}
.ModelCompareChapter__marginTop__a55fd {
  margin-top: clamp(48px, 3vw + 38px, 96px);
}
.ModelCompareChapter__spinnerWrapper__a55fd {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 500px;
  animation: ModelCompareChapter__fadeIn__a55fd 1.2s cubic-bezier(0, 0, 0.2, 1);
}
.ModelCompareChapter__contentAnimation__a55fd {
  opacity: 1;
  animation: ModelCompareChapter__fadeIn__a55fd 1.2s cubic-bezier(0, 0, 0.2, 1);
}
@keyframes ModelCompareChapter__fadeIn__a55fd {
0% {
    opacity: 0;
    transform: translateY(20px);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}.SoundSwitch__main__f5baf {
  margin-bottom: 16px;
}
.SoundSwitch__mainLabel__f5baf {
  margin-bottom: 8px;
}
.SoundSwitch__groupButtons__f5baf {
  display: flex;
  flex-direction: row;
  gap: 5px;
}
.SoundSwitch__optionButton__f5baf {
  border: 2px solid #d8d8db;
  border-radius: 4px;
  min-width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  color: #535457;
  transition: all var(--pcom-motion-duration-short);
  cursor: pointer;
  padding: 4px;
}
.SoundSwitch__optionButtonOn__f5baf {
  border: 2px solid #535457;
}
.SoundSwitch__disabledButton__f5baf {
  cursor: not-allowed;
}.AudioWave__root__d780d {
  border-radius: 4px;
  background: rgba(148, 149, 152, 0.18);
  backdrop-filter: blur(32px);
  -webkit-backdrop-filter: blur(32px);
}
.AudioWave__pText__d780d {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.AudioWave__audioWaveContainer__d780d {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 80px;
  padding: var(--pcom-spacing-x-small) var(--pcom-spacing-medium);
}
.AudioWave__audioWaveContainerLoading__d780d {
  justify-content: center;
}
.AudioWave__loader__d780d {
  padding-block: 16px;
}
.AudioWave__audioWaveActionWrapper__d780d:hover {
  background-color: #eeeff2;
  backdrop-filter: blur(32px);
  -webkit-backdrop-filter: blur(32px);
}
.AudioWave__pButtonPure__d780d {
  margin-left: 4px;
}
.AudioWave__audioWaveAvContainer__d780d {
  position: relative;
  display: grid;
  align-items: center;
  height: 100%;
}
.AudioWave__pDivider__d780d {
  position: absolute;
  top: calc(50% - 2px);
  left: 0;
  width: 100%;
}
.AudioWave__audioWaveCanvas__d780d {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 80px;
}
.AudioWave__audioWaveCanvasElement__d780d {
  width: 100%;
  height: 48px;
}.SoundCompare__main__a83da {
  box-sizing: border-box;
  background: #fff;
}
.SoundCompare__unavailableSound__a83da {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80%;
  padding: 8px 16px;
}
.SoundCompare__row__a83da {
  display: flex;
  margin-bottom: var(--pcom-spacing-medium);
  flex-direction: column;
  gap: var(--pcom-spacing-large);
}
@media (min-width: 1000px) {
.SoundCompare__row__a83da {
    flex-direction: row;
}
}
.SoundCompare__column__a83da {
  flex: 1;
}
@media (max-width: 999px) {
.SoundCompare__column__a83da {
    margin-bottom: 16px;
}
}
.SoundCompare__modelName__a83da {
  opacity: 0;
  transform: translateY(-20px);
  margin-bottom: 8px;
}
.SoundCompare__audioWrapper__a83da {
  background-size: cover;
  background-position: 100%;
  background-repeat: no-repeat;
  padding: var(--pcom-spacing-xx-large) var(--pcom-spacing-medium) var(--pcom-spacing-medium);
  border-radius: 12px;
  color: #fff;
  overflow: hidden;
  opacity: 0;
  transform: translateY(20px);
}
.SoundCompare__audioWaveWrapper__a83da {
  opacity: 0;
  transform: translateY(20px);
  border-radius: 8px;
  backdrop-filter: blur(32px);
  -webkit-backdrop-filter: blur(32px);
}
.SoundCompare__audioWaveAnimation__a83da {
  transform: translateY(0);
  opacity: 1;
  transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1), transform 0.4s cubic-bezier(0, 0, 0.2, 1);
  transition-delay: 250ms;
}
.SoundCompare__soundItem__a83da {
  flex: 1;
}
.SoundCompare__audioAppearAnimation__a83da {
  transform: translateY(0);
  opacity: 1;
  transition: opacity 1.2s cubic-bezier(0, 0, 0.2, 1), transform 1.2s cubic-bezier(0, 0, 0.2, 1);
}.PcomImage__root__1fab8 {
  display: block;
  max-width: 100%;
  height: auto;
}
.PcomImage__fit-contain__1fab8 {
  object-fit: contain;
}
.PcomImage__fit-cover__1fab8 {
  object-fit: cover;
}
.PcomImage__layout-fit-container__1fab8 {
  width: 100%;
  height: 100%;
}.LuggageCompartmentTotalVolume__luggageVolume__a5525 {
  display: flex;
  gap: var(--pcom-spacing-large);
  margin-bottom: 8px;
  margin-top: 4px;
}
.LuggageCompartmentTotalVolume__firstTotalVolume__a5525 {
  padding-left: 16px;
}
.LuggageCompartmentTotalVolume__totalCapacity__a5525 {
  padding-right: 4px;
}.LuggageCompartmentFullScreenButton__modalIcon__bd755 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: var(--pcom-spacing-large);
  width: var(--pcom-spacing-large);
  max-height: 48px;
  max-width: 48px;
  background-color: #fff;
  border-radius: 4px;
  border: 0;
  position: absolute;
  top: var(--pcom-spacing-small);
  right: var(--pcom-spacing-small);
  z-index: 99;
  cursor: pointer;
}
.LuggageCompartmentFullScreenButton__zoomIcons__bd755 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  width: 10px;
  transform: rotate(-45deg);
}
.LuggageCompartmentFullScreenButton__zoomSingleIcon__bd755 {
  width: 12px;
  color: #535457;
  transition: all var(--pcom-motion-duration-short);
}
.LuggageCompartmentFullScreenButton__modalIcon__bd755:hover .LuggageCompartmentFullScreenButton__zoomSingleIcon__bd755 {
  width: 16px;
}.LuggageCompartment__luggageImagesWrapper__d6386,
.LuggageCompartment__totalValues__d6386,
.LuggageCompartment__iconWrapper__d6386 {
  display: flex;
  margin-top: 8px;
  margin-bottom: 8px;
  gap: var(--pcom-spacing-large);
}
.LuggageCompartment__luggageImage__d6386 {
  position: relative;
}
.LuggageCompartment__imageWrapper__d6386,
.LuggageCompartment__totalCapacity__d6386 {
  width: calc(50% - var(--pcom-spacing-large) / 2);
}
.LuggageCompartment__totalCapacityWrapper__d6386 {
  display: flex;
  flex-direction: column;
  gap: var(--pcom-spacing-small);
}
.LuggageCompartment__dataTableContent__d6386 {
  padding: var(--pcom-spacing-small);
}
.LuggageCompartment__dataTableTitle__d6386 {
  padding-left: 0;
  margin-top: var(--pcom-spacing-medium);
  margin-bottom: var(--pcom-spacing-small);
}
.LuggageCompartment__fullScreenImage__d6386 {
  width: 100%;
  max-width: 265px;
  margin-top: 16px;
}
@media (min-width: 760px) {
.LuggageCompartment__fullScreenImage__d6386 {
    margin-top: 16px;
    max-width: 580px;
}
}
@media (min-width: 1000px) {
.LuggageCompartment__fullScreenImage__d6386 {
    width: 768px;
}
}
@media (min-width: 1300px) {
.LuggageCompartment__fullScreenImage__d6386 {
    margin-top: 32px;
    width: 1020px;
}
}
.LuggageCompartment__imageRounded__d6386 {
  border-radius: 12px;
  border: 1px solid #d8d8db;
}.OptionalEquipmentAccordionItem__defaultItemMobile__10920 {
  padding: var(--pcom-spacing-x-small);
  background-color: #eeeff2;
  margin-inline-end: 8px;
  gap: var(--pcom-spacing-x-small);
  border-radius: 4px;
}
.OptionalEquipmentAccordionItem__equipmentTextMobile__10920 {
  display: flex;
  align-items: center;
}
.OptionalEquipmentAccordionItem__defaultItem__10920 {
  margin-inline-end: 8px;
}
.OptionalEquipmentAccordionItem__desktopTagText__10920 {
  white-space: normal;
}
.OptionalEquipmentAccordionItem__rowAnimation__10920 {
  animation: OptionalEquipmentAccordionItem__fadeIn__10920 500ms ease-in;
  animation-timing-function: ease-in-out;
  animation-fill-mode: backwards;
}
@keyframes OptionalEquipmentAccordionItem__fadeIn__10920 {
0% {
    scale: 0;
    opacity: 0;
}
100% {
    scale: 1;
    opacity: 1;
}
}.OptionalEquipmentAccordion__modelItemsWrapper__6385e {
  display: flex;
  gap: var(--pcom-spacing-medium);
}
@media (min-width: 760px) {
.OptionalEquipmentAccordion__modelItemsWrapper__6385e {
    gap: var(--pcom-spacing-large);
    padding-inline-start: var(--pcom-spacing-small);
}
}
.OptionalEquipmentAccordion__modelEquipments__6385e {
  display: flex;
  flex-direction: column;
  gap: var(--pcom-spacing-medium);
}
@media (min-width: 760px) {
.OptionalEquipmentAccordion__modelEquipments__6385e {
    gap: var(--pcom-spacing-small);
}
}.OptionalEquipment__defaultItem__2f58b {
  margin-inline-end: 8px;
}
.OptionalEquipment__equipmentsOptions__2f58b {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-block-end: var(--pcom-spacing-medium);
}
.OptionalEquipment__equipmentTips__2f58b {
  display: flex;
  gap: var(--pcom-spacing-large);
  flex-direction: row;
  justify-content: flex-start;
}
.OptionalEquipment__colapseAll__2f58b {
  padding: 0;
  outline: none;
  border: none;
  background-color: transparent;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  cursor: pointer;
  transition: opacity 500ms ease-out;
}
.OptionalEquipment__colapseAll__2f58b:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}.ModelCompareLinks__modelLinksDescriptions__f6e49 {
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
}
.ModelCompareLinks__modelLinksContainer__f6e49 {
  display: grid;
  -moz-column-gap: var(--pcom-spacing-large);
       column-gap: var(--pcom-spacing-large);
  grid-template-columns: calc(50% - var(--pcom-spacing-large) / 2) calc(50% - var(--pcom-spacing-large) / 2);
}
@media (max-width: 999px) {
.ModelCompareLinks__modelLinksContainer__f6e49 {
    display: block;
}
}
.ModelCompareLinks__modelLinksWrapper__f6e49 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 70%;
  margin: 0 auto;
}
@media (max-width: 999px) {
.ModelCompareLinks__modelLinksWrapper__f6e49 {
    width: 100%;
    margin-bottom: var(--pcom-spacing-large);
}
}
.ModelCompareLinks__modelLinksNameWrapper__f6e49 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 70%;
  margin: 0 auto;
}
@media (max-width: 999px) {
.ModelCompareLinks__modelLinksNameWrapper__f6e49 {
    width: 100%;
    margin-bottom: var(--pcom-spacing-large);
}
}
.ModelCompareLinks__modelLinksWrapperEmpty__f6e49 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 33.3333333333%;
}
@media (min-width: 1000px) {
.ModelCompareLinks__linkModelName__f6e49 {
    margin-bottom: 16px;
}
}.PcomDisplay__root__45665 {
  margin: 0;
}
.PcomDisplay__size-small__45665 {
  font: normal normal 400 clamp(1.8rem, 2.41vw + 1.32rem, 4.21rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}
.PcomDisplay__size-medium__45665 {
  font: normal normal 400 clamp(2.03rem, 3.58vw + 1.31rem, 5.61rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}
.PcomDisplay__size-large__45665 {
  font: normal normal 400 clamp(2.28rem, 5.2vw + 1.24rem, 7.48rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}
.PcomDisplay__size-inherit__45665 {
  font-family: "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
  font-style: italic;
  font-size: inherit;
  line-height: inherit;
}.PcomHeadline__root__b8593 {
  color: #010205;
}
.PcomHeadline__variant-title-large__b8593 {
  font: normal normal 400 clamp(2.28rem, 5.2vw + 1.24rem, 7.48rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}
.PcomHeadline__variant-headline-1__b8593 {
  font: normal normal 600 clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}
.PcomHeadline__variant-headline-2__b8593 {
  font: normal normal 600 clamp(1.42rem, 0.94vw + 1.23rem, 2.37rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}
.PcomHeadline__variant-headline-3__b8593 {
  font: normal normal 600 clamp(1.27rem, 0.51vw + 1.16rem, 1.78rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}
.PcomHeadline__variant-headline-4__b8593 {
  font: normal normal 600 clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}
.PcomHeadline__variant-headline-5__b8593 {
  font: normal normal 600 1rem/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}
.PcomHeadline__variant-inherit__b8593 {
  font-size: inherit;
  line-height: inherit;
}
.PcomHeadline__theme-dark__b8593.PcomHeadline__color-default__b8593 {
  color: #fbfcff;
}
.PcomHeadline__color-inherit__b8593 {
  color: inherit;
}:where(.PcomAnimatedCounter__shared-styles__6bc2c) {
  height: 1lh;
  overflow: hidden;
  display: inline-flex;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
.PcomAnimatedCounter__root__6bc2c {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.PcomAnimatedCounter__fullNumber__6bc2c {
  opacity: 0;
}
.PcomAnimatedCounter__counter__6bc2c {
  position: absolute;
  display: inline-flex;
  inset: 0;
}
.PcomAnimatedCounter__digitContainer__6bc2c {
  display: flex;
  flex-direction: column;
  height: 1lh;
  transition: transform var(--pcom-animated-counter-transition-duration, 1.2s) cubic-bezier(0.2, 0.1, 0.2, 1) 0s;
  line-height: inherit;
}
.PcomAnimatedCounter__digitContainer__6bc2c:last-of-type {
  transition-duration: calc(var(--pcom-animated-counter-transition-duration, 1.2s) + 100ms);
}
.PcomAnimatedCounter__animated__6bc2c .PcomAnimatedCounter__digitContainer__6bc2c {
  transform: translateY(var(--pcom-animated-counter-transform-y, 0));
}
.PcomAnimatedCounter__digit__6bc2c {
  height: 100%;
  flex: 0 0 100%;
  display: flex;
  line-height: inherit;
}
.PcomAnimatedCounter__digit__6bc2c::before {
  content: attr(data-digit);
}.PcomAnimatedTechnicalHighlight__root__9e525 {
  font-family: "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
  display: inline-block;
}
.PcomAnimatedTechnicalHighlight__root__9e525.PcomAnimatedTechnicalHighlight__theme-dark__9e525 {
  color: #fbfcff;
}
.PcomAnimatedTechnicalHighlight__root__9e525.PcomAnimatedTechnicalHighlight__theme-light__9e525 {
  color: #010205;
}
.PcomAnimatedTechnicalHighlight__entries__9e525 {
  display: inline-flex;
  flex-direction: row;
  align-items: baseline;
  flex-wrap: wrap;
  gap: var(--pcom-spacing-x-small);
  line-height: 1;
  vertical-align: top;
}
.PcomAnimatedTechnicalHighlight__size-small__9e525 .PcomAnimatedTechnicalHighlight__entries__9e525 {
  font-size: clamp(1.8rem, 2.41vw + 1.32rem, 4.21rem);
}
.PcomAnimatedTechnicalHighlight__size-medium__9e525 .PcomAnimatedTechnicalHighlight__entries__9e525 {
  font-size: clamp(2.03rem, 3.58vw + 1.31rem, 5.61rem);
}
.PcomAnimatedTechnicalHighlight__size-large__9e525 .PcomAnimatedTechnicalHighlight__entries__9e525 {
  font-size: clamp(2.28rem, 5.2vw + 1.24rem, 7.48rem);
}
.PcomAnimatedTechnicalHighlight__value__9e525 {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: baseline;
  gap: var(--pcom-spacing-x-small);
}
.PcomAnimatedTechnicalHighlight__unit__9e525 {
  line-height: 1em;
}
.PcomAnimatedTechnicalHighlight__unit__9e525:last-of-type {
  margin-right: auto;
}
.PcomAnimatedTechnicalHighlight__size-small__9e525 .PcomAnimatedTechnicalHighlight__unit__9e525 {
  font-size: clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem);
}
.PcomAnimatedTechnicalHighlight__size-medium__9e525 .PcomAnimatedTechnicalHighlight__unit__9e525 {
  font-size: clamp(1.27rem, 0.51vw + 1.16rem, 1.78rem);
}
.PcomAnimatedTechnicalHighlight__size-large__9e525 .PcomAnimatedTechnicalHighlight__unit__9e525 {
  font-size: clamp(1.42rem, 0.94vw + 1.23rem, 2.37rem);
}
.PcomAnimatedTechnicalHighlight__separator__9e525 {
  padding: 0 calc(var(--pcom-spacing-small) - var(--pcom-spacing-x-small));
  font-size: 0.5em;
  font-weight: 600;
}
.PcomAnimatedTechnicalHighlight__text-shared__9e525 {
  color: #6b6d70;
  line-height: calc(6px + 2.125ex);
  text-wrap: balance;
  /* stylelint-disable selector-max-type -- needed for specific links inside model technical highlights */
  /* stylelint-enable selector-max-type */
}
.PcomAnimatedTechnicalHighlight__text-shared__9e525 a {
  color: inherit;
  font-weight: inherit;
  border-radius: 4px;
  margin-left: -2px;
  margin-right: -2px;
  padding-left: 2px;
  padding-right: 2px;
  transition: background var(--p-transition-duration, 0.25s) cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media (hover: hover) {
.PcomAnimatedTechnicalHighlight__text-shared__9e525 a:hover {
    background: rgba(148, 149, 152, 0.18);
}
}
.PcomAnimatedTechnicalHighlight__theme-dark__9e525 .PcomAnimatedTechnicalHighlight__text-shared__9e525 {
  color: #88898c;
}
.PcomAnimatedTechnicalHighlight__size-small__9e525 .PcomAnimatedTechnicalHighlight__text-shared__9e525 {
  font-size: 1rem;
}
.PcomAnimatedTechnicalHighlight__size-medium__9e525 .PcomAnimatedTechnicalHighlight__text-shared__9e525 {
  font-size: clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem);
}
.PcomAnimatedTechnicalHighlight__size-large__9e525 .PcomAnimatedTechnicalHighlight__text-shared__9e525 {
  font-size: clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem);
}
.PcomAnimatedTechnicalHighlight__size-small__9e525.PcomAnimatedTechnicalHighlight__sizeSecondary-small__9e525 .PcomAnimatedTechnicalHighlight__text-shared__9e525 {
  font-size: clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem);
}
.PcomAnimatedTechnicalHighlight__size-medium__9e525.PcomAnimatedTechnicalHighlight__sizeSecondary-small__9e525 .PcomAnimatedTechnicalHighlight__text-shared__9e525, .PcomAnimatedTechnicalHighlight__size-large__9e525.PcomAnimatedTechnicalHighlight__sizeSecondary-small__9e525 .PcomAnimatedTechnicalHighlight__text-shared__9e525 {
  font-size: 1rem;
}
.PcomAnimatedTechnicalHighlight__textBefore__9e525 {
  margin-bottom: 0.4em;
}
.PcomAnimatedTechnicalHighlight__textAfter__9e525 {
  margin-top: 0.3em;
}:where(.eveh-cards__card__f3a1b) {
  --pcom-eveh-cards-column-count: 6;
  --pcom-eveh-cards-horizontal-offset: max(22px, 10.625vw - 12px);
  --pcom-eveh-cards-grid-width: calc(
    (100vw - var(--pcom-eveh-cards-horizontal-offset) * 2 - clamp(16px, 1.25vw + 12px, 36px) * 5) / 6
  );
  height: 100%;
  box-sizing: border-box;
  background-color: #eeeff2;
  overflow: hidden;
  border-radius: 12px;
  /* stylelint-disable-next-line selector-max-type -- the calculated width should be only applied inside the porsche design system carousel */
  /* stylelint-disable-next-line selector-attribute-name-disallowed-list -- must be rendered differently in grid context */
}
@media (min-width: 760px) {
  :where(.eveh-cards__card__f3a1b) {
    --pcom-eveh-cards-horizontal-offset: calc(5vw - 16px + (clamp(16px, 1.25vw + 12px, 36px) + (100vw - (5vw - 16px) * 2 - clamp(16px, 1.25vw + 12px, 36px) * 15) / 16) * 1);
    --pcom-eveh-cards-grid-width: calc(
      (100vw - var(--pcom-eveh-cards-horizontal-offset) * 2 - clamp(16px, 1.25vw + 12px, 36px) * 13) / 14
    );
  }
}
@media (min-width: 1920px) {
  :where(.eveh-cards__card__f3a1b) {
    --pcom-eveh-cards-horizontal-offset: calc(max(0px, 50vw - 1280px) + min(50vw - 880px, 400px) + (clamp(16px, 1.25vw + 12px, 36px) + (min(100vw, 2560px) - min(50vw - 880px, 400px) * 2 - clamp(16px, 1.25vw + 12px, 36px) * 15) / 16) * 1);
  }
}
p-carousel :where(.eveh-cards__card__f3a1b) {
  width: calc(var(--pcom-eveh-cards-grid-width) * var(--pcom-eveh-cards-column-count) + clamp(16px, 1.25vw + 12px, 36px) * (var(--pcom-eveh-cards-column-count) - 1));
}
[class*=PcomGrid__grid] :where(.eveh-cards__card__f3a1b) {
  grid-column-end: span var(--pcom-eveh-cards-column-count);
}

@media (min-width: 760px) {
  .eveh-cards__size-s__f3a1b {
    --pcom-eveh-cards-column-count: 8;
  }
}
@media (min-width: 1000px) {
  .eveh-cards__size-s__f3a1b {
    --pcom-eveh-cards-column-count: 7;
  }
}
@media (min-width: 1300px) {
  .eveh-cards__size-s__f3a1b {
    --pcom-eveh-cards-column-count: 6;
  }
}
@media (min-width: 1760px) {
  .eveh-cards__size-s__f3a1b {
    --pcom-eveh-cards-column-count: 5;
  }
}

@media (min-width: 760px) {
  .eveh-cards__size-m__f3a1b {
    --pcom-eveh-cards-column-count: 12;
  }
}
@media (min-width: 1000px) {
  .eveh-cards__size-m__f3a1b {
    --pcom-eveh-cards-column-count: 9;
  }
}
@media (min-width: 1300px) {
  .eveh-cards__size-m__f3a1b {
    --pcom-eveh-cards-column-count: 8;
  }
}
@media (min-width: 1760px) {
  .eveh-cards__size-m__f3a1b {
    --pcom-eveh-cards-column-count: 7;
  }
}

@media (min-width: 760px) {
  .eveh-cards__size-l__f3a1b {
    --pcom-eveh-cards-column-count: 14;
  }
}
@media (min-width: 1000px) {
  .eveh-cards__size-l__f3a1b {
    --pcom-eveh-cards-column-count: 11;
  }
}
@media (min-width: 1300px) {
  .eveh-cards__size-l__f3a1b {
    --pcom-eveh-cards-column-count: 10;
  }
}
@media (min-width: 1760px) {
  .eveh-cards__size-l__f3a1b {
    --pcom-eveh-cards-column-count: 9;
  }
}:where(.EvehTextAnimationCard__root__29ee8) {
  display: flex;
  flex-direction: column;
  container: eveh-text-animation-card/inline-size;
}
.EvehTextAnimationCard__media__29ee8 {
  margin-bottom: auto;
  position: relative;
  overflow: hidden;
  aspect-ratio: var(--pcom-text-media-card-video-aspect-ratio);
}
@media (min-width: 760px) {
.EvehTextAnimationCard__media__29ee8 {
    aspect-ratio: var(--pcom-text-media-card-s-video-aspect-ratio, var(--pcom-text-media-card-video-aspect-ratio));
}
}
.EvehTextAnimationCard__video__29ee8 {
  clip-path: inset(-2px -2px);
}
.EvehTextAnimationCard__videoButton__29ee8 {
  position: absolute;
  bottom: var(--pcom-spacing-medium);
  right: var(--pcom-spacing-medium);
}
.EvehTextAnimationCard__textBlock__29ee8 {
  display: flex;
  flex-direction: column;
  padding: var(--pcom-spacing-medium);
  box-sizing: border-box;
  height: 100%;
}
.EvehTextAnimationCard__technicalHighlights__29ee8 {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: var(--pcom-spacing-small);
  padding-bottom: var(--pcom-spacing-medium);
}
.EvehTextAnimationCard__copyWrapper__29ee8 {
  display: flex;
  flex-direction: column;
  gap: var(--pcom-spacing-small);
}
@media (min-width: 760px) {
.EvehTextAnimationCard__copyWrapper__29ee8 {
    gap: var(--pcom-spacing-medium);
}
}
.EvehTextAnimationCard__footnote__29ee8 {
  margin-top: var(--pcom-spacing-small);
}
@media (min-width: 760px) {
.EvehTextAnimationCard__footnote__29ee8 {
    margin-top: var(--pcom-spacing-medium);
}
}:where(.EvehTextMediaCard__root__34209) {
  display: flex;
  flex-direction: column;
  container: eveh-text-media-card/inline-size;
}
.EvehTextMediaCard__media__34209 {
  margin-bottom: auto;
  position: relative;
  overflow: hidden;
  aspect-ratio: var(--pcom-text-media-card-video-aspect-ratio);
}
@media (min-width: 760px) {
.EvehTextMediaCard__media__34209 {
    aspect-ratio: var(--pcom-text-media-card-s-video-aspect-ratio, var(--pcom-text-media-card-video-aspect-ratio));
}
}
.EvehTextMediaCard__video__34209 {
  clip-path: inset(-2px -2px);
}
.EvehTextMediaCard__videoButton__34209 {
  position: absolute;
  bottom: var(--pcom-spacing-medium);
  right: var(--pcom-spacing-medium);
}
.EvehTextMediaCard__textBlock__34209 {
  padding: var(--pcom-spacing-medium);
  box-sizing: border-box;
}
.EvehTextMediaCard__copy__34209 {
  padding-top: var(--pcom-spacing-small);
}
.EvehTextMediaCard__footnote__34209 {
  padding-top: var(--pcom-spacing-small);
}.EvehTextOnMediaCard__root__e4909 {
  position: relative;
  background-color: transparent;
}
.EvehTextOnMediaCard__media__e4909 {
  height: 100%;
  position: relative;
  z-index: 1;
  aspect-ratio: var(--pcom-text-media-card-video-aspect-ratio);
}
@media (min-width: 760px) {
.EvehTextOnMediaCard__media__e4909 {
    aspect-ratio: var(--pcom-text-media-card-s-video-aspect-ratio, var(--pcom-text-media-card-video-aspect-ratio));
}
}
.EvehTextOnMediaCard__inner__e4909 {
  position: absolute;
  z-index: 3;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.EvehTextOnMediaCard__inner__e4909::after {
  content: "";
  position: absolute;
  z-index: 1;
  opacity: 0.95;
  background: linear-gradient(to top, #0e0e12 0%, rgba(14, 14, 18, 0.987) 3.4%, rgba(14, 14, 18, 0.951) 7.9%, rgba(14, 14, 18, 0.896) 13.4%, rgba(14, 14, 18, 0.825) 19.7%, rgba(14, 14, 18, 0.741) 26.6%, rgba(14, 14, 18, 0.648) 34%, rgba(14, 14, 18, 0.55) 41.9%, rgba(14, 14, 18, 0.45) 49.9%, rgba(14, 14, 18, 0.352) 58%, rgba(14, 14, 18, 0.259) 66.1%, rgba(14, 14, 18, 0.175) 73.9%, rgba(14, 14, 18, 0.104) 81.3%, rgba(14, 14, 18, 0.049) 88.3%, rgba(14, 14, 18, 0.013) 94.5%, rgba(14, 14, 18, 0) 100%);
}
.EvehTextOnMediaCard__content__e4909 {
  position: relative;
  z-index: 2;
  max-width: 700px;
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}
.EvehTextOnMediaCard__textBlock__e4909 {
  max-height: 100%;
  display: flex;
  flex-direction: column;
}.EvehTextMediaCardDemo__root__671d9 {
  padding-top: var(--pcom-spacing-x-large);
  padding-bottom: var(--pcom-spacing-large);
  --pcom-text-media-card-carousel-offset: max(22px, 10.625vw - 12px);
  --pcom-text-media-card-grid-width: calc(
    (100vw - var(--pcom-text-media-card-carousel-offset) * 2 - clamp(16px, 1.25vw + 12px, 36px) * 13) / 14
  );
}
@media (min-width: 760px) {
.EvehTextMediaCardDemo__root__671d9 {
    --pcom-text-media-card-carousel-offset: calc(5vw - 16px + (clamp(16px, 1.25vw + 12px, 36px) + (100vw - (5vw - 16px) * 2 - clamp(16px, 1.25vw + 12px, 36px) * 15) / 16) * 1);
}
}
@media (min-width: 1920px) {
.EvehTextMediaCardDemo__root__671d9 {
    --pcom-text-media-card-carousel-offset: calc(max(0px, 50vw - 1280px) + min(50vw - 880px, 400px) + (clamp(16px, 1.25vw + 12px, 36px) + (min(100vw, 2560px) - min(50vw - 880px, 400px) * 2 - clamp(16px, 1.25vw + 12px, 36px) * 15) / 16) * 1);
}
}
.EvehTextMediaCardDemo__widthLarge__671d9,
.EvehTextMediaCardDemo__widthMedium__671d9,
.EvehTextMediaCardDemo__widthSmall__671d9 {
  width: calc(100vw - var(--pcom-text-media-card-carousel-offset) * 2);
}
@media (min-width: 760px) {
.EvehTextMediaCardDemo__widthSmall__671d9 {
    width: calc(var(--pcom-text-media-card-grid-width) * 7 + clamp(16px, 1.25vw + 12px, 36px) * 6);
}
.EvehTextMediaCardDemo__widthLarge__671d9 {
    width: calc(var(--pcom-text-media-card-grid-width) * 14 + clamp(16px, 1.25vw + 12px, 36px) * 13);
}
.EvehTextMediaCardDemo__widthMedium__671d9 {
    width: calc(var(--pcom-text-media-card-grid-width) * 12 + clamp(16px, 1.25vw + 12px, 36px) * 11);
}
}
@media (min-width: 1000px) {
.EvehTextMediaCardDemo__widthSmall__671d9 {
    width: calc(var(--pcom-text-media-card-grid-width) * 6 + clamp(16px, 1.25vw + 12px, 36px) * 5);
}
.EvehTextMediaCardDemo__widthLarge__671d9 {
    width: calc(var(--pcom-text-media-card-grid-width) * 12 + clamp(16px, 1.25vw + 12px, 36px) * 11);
}
.EvehTextMediaCardDemo__widthMedium__671d9 {
    width: calc(var(--pcom-text-media-card-grid-width) * 10 + clamp(16px, 1.25vw + 12px, 36px) * 9);
}
}
@media (min-width: 1300px) {
.EvehTextMediaCardDemo__widthSmall__671d9 {
    width: calc(var(--pcom-text-media-card-grid-width) * 5 + clamp(16px, 1.25vw + 12px, 36px) * 4);
}
.EvehTextMediaCardDemo__widthLarge__671d9 {
    width: calc(var(--pcom-text-media-card-grid-width) * 10 + clamp(16px, 1.25vw + 12px, 36px) * 9);
}
.EvehTextMediaCardDemo__widthMedium__671d9 {
    width: calc(var(--pcom-text-media-card-grid-width) * 8 + clamp(16px, 1.25vw + 12px, 36px) * 7);
}
}
@media (min-width: 1760px) {
.EvehTextMediaCardDemo__widthSmall__671d9 {
    width: calc(var(--pcom-text-media-card-grid-width) * 4 + clamp(16px, 1.25vw + 12px, 36px) * 3);
}
.EvehTextMediaCardDemo__widthLarge__671d9 {
    width: calc(var(--pcom-text-media-card-grid-width) * 8 + clamp(16px, 1.25vw + 12px, 36px) * 7);
}
.EvehTextMediaCardDemo__widthMedium__671d9 {
    width: calc(var(--pcom-text-media-card-grid-width) * 6 + clamp(16px, 1.25vw + 12px, 36px) * 5);
}
}
.EvehTextMediaCardDemo__column1__671d9 {
  grid-column: basic;
}
@media (min-width: 760px) {
.EvehTextMediaCardDemo__column1__671d9 {
    grid-column: 2/span 6;
}
}
.EvehTextMediaCardDemo__column2__671d9 {
  grid-column: basic;
}
@media (min-width: 760px) {
.EvehTextMediaCardDemo__column2__671d9 {
    grid-column: 8/span 10;
}
}
.EvehTextMediaCardDemo__column3__671d9 {
  grid-column: basic;
}
@media (min-width: 760px) {
.EvehTextMediaCardDemo__column3__671d9 {
    grid-column: 8/span 7;
}
}.PcomBackgroundVideo__root__a163e {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.PcomBackgroundVideo__image__a163e {
  position: absolute;
  inset: 0;
  z-index: 1;
  transition: visibility 250ms ease-in 0s, opacity 250ms ease-in 0s;
  background-color: #fff;
}
.PcomBackgroundVideo__imageHidden__a163e {
  visibility: hidden;
  opacity: 0;
}
.PcomBackgroundVideo__video__a163e {
  position: absolute;
  width: calc(100% * var(--pcom-background-video-width-multiplier, 1));
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}.PcomBackgroundVideoButton__root__0522e {
  border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #fbfcff;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  box-sizing: border-box;
  transform: translate3d(0, 0, 0);
  transition: background-color var(--pcom-motion-duration-short) ease, border-color var(--pcom-motion-duration-short) ease, color var(--pcom-motion-duration-short) ease;
  cursor: pointer;
}
.PcomBackgroundVideoButton__root__0522e:focus {
  outline: 2px solid #1a44ea;
  outline-offset: 2px;
}
.PcomBackgroundVideoButton__root__0522e:focus:not(:focus-visible) {
  outline-color: transparent;
}
@media (hover: hover) and (pointer: fine) {
.PcomBackgroundVideoButton__root__0522e:hover {
    background-color: rgba(148, 149, 152, 0.18);
    border-color: #88898c;
    backdrop-filter: blur(32px);
    -webkit-backdrop-filter: blur(32px);
}
}
@media (min-width: 760px) {
.PcomBackgroundVideoButton__root__0522e {
    padding: 13px;
}
}
.PcomBackgroundVideoButton__root__0522e.PcomBackgroundVideoButton__theme-light__0522e {
  border-color: #010205;
}
@media (hover: hover) and (pointer: fine) {
.PcomBackgroundVideoButton__root__0522e.PcomBackgroundVideoButton__theme-light__0522e:hover {
    background-color: rgba(148, 149, 152, 0.18);
    border-color: #6b6d70;
}
}
.PcomBackgroundVideoButton__theme-dark__0522e .PcomBackgroundVideoButton__icon__0522e {
  filter: invert(100%) sepia(91%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%);
}.PcomChapterTitle__root__386e4 {
  padding-top: var(--pcom-spacing-xx-large);
  padding-bottom: var(--pcom-spacing-large);
}
.PcomChapterTitle__subheading__386e4 {
  padding-top: var(--pcom-spacing-medium);
}
.PcomChapterTitle__theme-dark__386e4 {
  background-color: #0e0e12;
}
.PcomChapterTitle__tag__386e4 {
  padding-bottom: var(--pcom-spacing-medium);
  display: flex;
}
.PcomChapterTitle__center__386e4 {
  justify-content: center;
}
.PcomChapterTitle__left__386e4 {
  justify-content: left;
}.PcomDisclaimer__root__61c48 .PcomDisclaimer__item__61c48.PcomDisclaimer__variant-indicator__61c48 {
  padding: 0 0.1em;
}
.PcomDisclaimer__root__61c48 .PcomDisclaimer__item__61c48.PcomDisclaimer__variant-indicator__61c48:first-of-type {
  padding: 0 0.1em 0 0.2em;
}
.PcomDisclaimer__root__61c48 .PcomDisclaimer__item__61c48.PcomDisclaimer__variant-indicator__61c48:last-of-type {
  padding: 0 0.2em 0 0.1em;
}
.PcomDisclaimer__content__61c48 {
  padding-left: 0.1em;
}.EconomyDataItem__text__2e023 {
  overflow-wrap: normal;
}.PcomFootnote__root__62368 {
  padding-top: var(--pcom-spacing-medium);
}
.PcomFootnote__annotation__62368 {
  font-feature-settings: "sups" on;
  font-size: inherit;
  position: static;
  line-height: inherit;
  padding: 0;
  vertical-align: baseline;
  padding-right: 0.2em;
}
@supports (font-variant-position: super) {
.PcomFootnote__annotation__62368 {
    font-feature-settings: "sups" off, "sups";
    font-variant-position: super;
}
}.PcomPopover__root__cf710 {
  border-radius: 4px;
}
.PcomPopover__root__cf710:focus {
  outline: 2px solid #1a44ea;
  outline-offset: 2px;
}
.PcomPopover__root__cf710:focus:not(:focus-visible) {
  outline-color: transparent;
}
.PcomPopover__content__cf710 {
  /* the will-change property is important for the safari to make the drop-shadow work */
  will-change: filter;
  position: absolute;
  background-color: #fff;
  backface-visibility: hidden;
  padding: 16px 32px;
  box-sizing: border-box;
  opacity: 0;
  max-width: 94vw;
  border-width: 1px;
  border-radius: 4px;
  transition: opacity var(--pcom-motion-duration-short);
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.16);
}
@media (min-width: 760px) {
.PcomPopover__content__cf710 {
    max-width: 65ex;
}
}
.PcomPopover__content__cf710.PcomPopover__isOpen__cf710 {
  opacity: 1;
}
.PcomPopover__content__cf710::before {
  content: "";
  position: absolute;
  border-style: solid;
}
.PcomPopover__content__cf710[popover] {
  margin: 0;
  border: none;
  overflow: visible;
}
.PcomPopover__content__cf710[popover]::backdrop {
  display: none;
}
.PcomPopover__position-top__cf710::before {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 0 0.75rem 0.75rem;
  border-color: transparent transparent rgb(255, 255, 255);
}
.PcomPopover__position-right__cf710::before {
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  border-width: 0.75rem 0 0.75rem 0.75rem;
  border-color: transparent transparent transparent rgb(255, 255, 255);
}
.PcomPopover__position-bottom__cf710::before {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 0.75rem 0.75rem 0;
  border-color: rgb(255, 255, 255) transparent transparent;
}
.PcomPopover__position-left__cf710::before {
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
  border-width: 0.75rem 0.75rem 0.75rem 0;
  border-color: transparent rgb(255, 255, 255) transparent transparent;
}.PcomScrollIndicator__root__192fd {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  opacity: 0;
  transition: opacity 0.4s ease-out;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1000px) and (max-width: 1299px) {
.PcomScrollIndicator__root__192fd {
    width: 45px;
    height: 45px;
}
}
@media (min-width: 1300px) {
.PcomScrollIndicator__root__192fd {
    width: 54px;
    height: 54px;
}
}
.PcomScrollIndicator__arrowDownIcon__192fd {
  margin-top: 9%;
  transform: translateY(6px);
}
.PcomScrollIndicator__visible__192fd {
  transition: opacity 0.4s ease-in;
  opacity: 1;
}
.PcomScrollIndicator__visible__192fd .PcomScrollIndicator__arrowDownIcon__192fd {
  animation: PcomScrollIndicator__scrollIndicatorMoving__192fd 2s infinite 1s;
}
.PcomScrollIndicator__theme-dark__192fd .PcomScrollIndicator__arrowDownIcon__192fd {
  filter: invert(1);
}
@media (hover: hover) and (pointer: fine) {
.PcomScrollIndicator__theme-dark__192fd:hover {
    background: rgba(148, 149, 152, 0.18);
}
}
.PcomScrollIndicator__theme-light__192fd .PcomScrollIndicator__arrowDownIcon__192fd {
  filter: invert(0);
}
@media (hover: hover) and (pointer: fine) {
.PcomScrollIndicator__theme-light__192fd:hover {
    background: rgba(148, 149, 152, 0.18);
}
}
@keyframes PcomScrollIndicator__scrollIndicatorMoving__192fd {
0%, 20%, 50%, 80%, 100% {
    transform: translateY(6px);
}
40%, 60% {
    transform: translateY(0);
}
}.PcomSectionTitle__root__b2967 {
  row-gap: var(--pcom-spacing-small);
  padding-top: var(--pcom-spacing-x-large);
  padding-bottom: var(--pcom-spacing-large);
}
.PcomSectionTitle__spacer__b2967 {
  height: var(--pcom-spacing-x-large);
}
.PcomSectionTitle__row__b2967 {
  grid-column: basic-start/basic-end;
}
@media (min-width: 760px) {
.PcomSectionTitle__row__b2967 {
    grid-column: 4/-4;
}
.PcomSectionTitle__row__b2967.PcomSectionTitle__align-start__b2967 {
    grid-column: basic-start/span 10;
}
}
@media (min-width: 1300px) {
.PcomSectionTitle__row__b2967 {
    grid-column: 5/-5;
}
.PcomSectionTitle__row__b2967.PcomSectionTitle__align-start__b2967 {
    grid-column: basic-start/span 8;
}
}.PcomTeaserTag__root__e8245 {
  display: flex;
  align-items: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  gap: 8px;
  background-color: #eeeff2;
  color: #010205;
  padding: 8px 0 8px 8px;
  padding: 16px 0 16px 8px;
  position: relative;
  transition: background var(--pcom-motion-duration-short) ease;
  min-height: 74px;
  box-sizing: border-box;
  border-radius: 8px;
}
.PcomTeaserTag__root__e8245:focus {
  outline: 2px solid #1a44ea;
  outline-offset: 2px;
}
.PcomTeaserTag__root__e8245:focus:not(:focus-visible) {
  outline-color: transparent;
}
@media (hover: hover) and (pointer: fine) {
.PcomTeaserTag__root__e8245:hover {
    background-color: #d8d8db;
}
}
.PcomTeaserTag__root__e8245.PcomTeaserTag__theme-dark__e8245 {
  background-color: #212225;
}
@media (hover: hover) and (pointer: fine) {
.PcomTeaserTag__root__e8245.PcomTeaserTag__theme-dark__e8245:hover {
    background-color: rgb(83, 84, 87);
}
}
.PcomTeaserTag__root__e8245.PcomTeaserTag__has-image__e8245 {
  padding: 8px 0 8px 8px;
}
.PcomTeaserTag__root__e8245.PcomTeaserTag__appearance-frosted-glass__e8245 {
  backdrop-filter: blur(32px);
  -webkit-backdrop-filter: blur(32px);
  background: rgba(255, 255, 255, 0.33);
}
@media (hover: hover) and (pointer: fine) {
.PcomTeaserTag__root__e8245.PcomTeaserTag__appearance-frosted-glass__e8245:hover {
    background: rgba(255, 255, 255, 0.5);
}
}
.PcomTeaserTag__root__e8245.PcomTeaserTag__appearance-frosted-glass__e8245.PcomTeaserTag__theme-dark__e8245 {
  background: rgba(14, 14, 18, 0.33);
}
@media (hover: hover) and (pointer: fine) {
.PcomTeaserTag__root__e8245.PcomTeaserTag__appearance-frosted-glass__e8245.PcomTeaserTag__theme-dark__e8245:hover {
    background: rgba(14, 14, 18, 0.5);
}
}
.PcomTeaserTag__imageContainer__e8245 {
  aspect-ratio: 90/58;
  flex: 0 0 90px;
  overflow: hidden;
  border-radius: 4px;
  align-self: stretch;
}
.PcomTeaserTag__image__e8245 {
  transition: transform var(--pcom-motion-duration-short) ease-in-out;
  transform: scale3d(1, 1, 1);
}
@media (hover: hover) and (pointer: fine) {
.PcomTeaserTag__root__e8245:hover .PcomTeaserTag__image__e8245 {
    transform: var(--pcom-image-hover-scale);
}
}
.PcomTeaserTag__text__e8245 {
  flex: 1 1 auto;
  overflow: hidden;
  padding: 0 8px;
  width: 64px;
}
.PcomTeaserTag__icon__e8245 {
  flex: 0 0 auto;
  padding: 0 16px;
}.PcomVideo__root__98e43 {
  width: 100%;
}
.PcomVideo__letterbox__98e43 {
  height: 100%;
}
.PcomVideo__background__98e43 {
  pointer-events: none;
}.PcomErrorWrapper__root__e38b7 {
  margin-top: var(--pcom-spacing-medium);
  margin-bottom: var(--pcom-spacing-medium);
}
.PcomErrorWrapper__notification__e38b7 {
  grid-column: basic-start/basic-end;
}.Accordion__listContainer__59976 {
  grid-row-gap: 0;
  padding-bottom: var(--pcom-spacing-x-large);
}
.Accordion__theme-dark__59976 {
  background-color: #0e0e12;
}.AccordionItem__type-rich-text__5c21d {
  padding-top: 8px;
  padding-bottom: 16px;
  padding-right: 48px;
}
.AccordionItem__modulecontainer__5c21d {
  width: 100vw;
}.BackToTopButton__root__4245e {
  position: fixed;
  right: max(22px, 10.625vw - 12px);
  bottom: var(--pcom-spacing-medium);
  z-index: 20;
}
@media (min-width: 480px) {
.BackToTopButton__root__4245e {
    right: var(--pcom-spacing-small);
}
}
@media (min-width: 1920px) {
.BackToTopButton__root__4245e {
    right: calc(max(0px, 50vw - 1280px) + min(50vw - 880px, 400px) - var(--pcom-spacing-small) - 54px);
}
}
.back-to-top-button-fade-enter-active, .back-to-top-button-fade-leave-active {
  transition: opacity 0.3s ease-in-out;
}
.back-to-top-button-fade-enter-from, .back-to-top-button-fade-leave-to {
  opacity: 0;
}
.BackToTopButton__button__4245e {
  cursor: pointer;
}.BasicImage__root__45ae9 {
  padding-top: var(--pcom-spacing-large);
  padding-bottom: var(--pcom-spacing-large);
}
.BasicImage__imageContainer__45ae9 {
  border-radius: 12px;
  overflow: hidden;
}
.BasicImage__imageContainer__45ae9.BasicImage__width-full__45ae9 {
  border-radius: initial;
}
@media (min-width: 1920px) {
.BasicImage__blurredBackground__45ae9 {
    background: var(--pcom-basic-image-blurred-background);
    background-size: cover;
    background-position: center;
}
}
.BasicImage__footnote__45ae9 {
  padding-top: var(--pcom-spacing-small);
}.CarRange__root__44900 {
  padding-bottom: var(--pcom-spacing-large);
}
.CarRange__carRangeTileWrapper__44900 {
  grid-column: basic-start/basic-end;
}
@media (min-width: 1300px) {
.CarRange__carRangeTileWrapper__44900:nth-child(odd) {
    grid-column: basic-start/var(--pds-grid-basic-span-one-half);
}
.CarRange__carRangeTileWrapper__44900:nth-child(even) {
    grid-column: var(--pds-grid-basic-span-one-half)/basic-end;
}
}.CarViewerIntro__root__16257 {
  position: relative;
  height: 100%;
  cursor: pointer;
}
.CarViewerIntro__imageContainer__16257 {
  position: absolute;
  inset: 0;
}
.CarViewerIntro__textContainer__16257 {
  font: normal normal 400 clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
  hyphens: auto;
  overflow-wrap: break-word;
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.CarViewerIntro__glassBackground__16257 {
  backdrop-filter: blur(32px);
  -webkit-backdrop-filter: blur(32px);
  position: relative;
  color: #fbfcff;
  background: rgba(148, 149, 152, 0.18);
  aspect-ratio: 1/1;
  text-align: center;
  width: 180px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1300px) {
.CarViewerIntro__glassBackground__16257 {
    width: clamp(180px, 14vw, 256px);
}
}
.CarViewerIntro__icon__16257 {
  padding-bottom: clamp(4px, 0.25vw + 3px, 8px);
}
.CarViewerIntro__textWrapper__16257 {
  padding: clamp(16px, 1.25vw + 12px, 36px);
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}.CarViewerLoader__root__0af3a {
  position: absolute;
  inset: 0;
  z-index: 5;
  background-color: #010205;
  display: flex;
  justify-content: center;
  align-items: center;
}
.CarViewerLoader__loaderWrapper__0af3a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.CarViewerLoader__loaderText__0af3a {
  position: absolute;
}
.CarViewerLoader__warning__0af3a {
  position: absolute;
  bottom: var(--pcom-spacing-medium);
  left: var(--pcom-spacing-medium);
  right: var(--pcom-spacing-medium);
  width: auto;
  max-width: 810px;
  margin: 0 auto;
}
.CarViewerLoader__warningAction__0af3a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.car-viewer-warning-slide-out-enter-active, .car-viewer-warning-slide-out-leave-active {
  transition: opacity 300ms ease, transform 300ms ease;
}
.car-viewer-warning-slide-out-enter-from, .car-viewer-warning-slide-out-leave-to {
  transform: translateY(10px);
  opacity: 0;
}.CarViewer__root__43631 {
  padding-bottom: var(--pcom-module-space-large);
}
.CarViewer__viewContainer__43631 {
  position: relative;
  grid-column: full-start/full-end;
  aspect-ratio: 13/20;
}
@media (min-width: 760px) {
.CarViewer__viewContainer__43631 {
    aspect-ratio: 19/14;
}
}
@media (min-width: 0px) and (max-width: 999px) and (orientation: landscape) and (any-pointer: coarse) {
.CarViewer__viewContainer__43631 {
    aspect-ratio: 2/1;
}
}
@media (min-width: 1000px) {
.CarViewer__viewContainer__43631 {
    aspect-ratio: 105/62;
    grid-column: extended-start/extended-end;
    overflow: hidden;
    border-radius: 12px;
}
}
@media (min-width: 1760px) {
.CarViewer__viewContainer__43631 {
    aspect-ratio: 51/25;
}
}
.CarViewer__viewWrapper__43631 {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  background-color: #010205;
  z-index: 1;
  overflow: hidden;
}
.CarViewer__viewWrapper__43631.CarViewer__fullScreen__43631 {
  position: fixed;
  z-index: 9999;
}
.CarViewer__view__43631 {
  position: absolute;
  inset: 0;
}
.CarViewer__headlineContainer__43631 {
  grid-row: 1/2;
  grid-column: extended-start/extended-end;
}
@media (min-width: 1000px) {
.CarViewer__headlineContainer__43631 {
    grid-column: 4/16;
}
}
.CarViewer__closeViewButtonWrapper__43631 {
  position: absolute;
  top: calc(var(--pcom-spacing-medium) + 8px + 4px);
  right: var(--pcom-spacing-medium);
  z-index: 4;
  touch-action: pan-x pan-y;
}
@media (min-width: 0px) and (max-width: 999px) and (orientation: landscape) and (any-pointer: coarse) {
.CarViewer__closeViewButtonWrapper__43631 {
    top: var(--pcom-spacing-medium);
}
}
@media (min-width: 1000px) {
.CarViewer__closeViewButtonWrapper__43631 {
    display: none;
    z-index: -1;
}
}
.car-viewer-fade-in-enter-active, .car-viewer-fade-in-leave-active {
  transition: opacity 600ms ease;
  pointer-events: none;
}
.car-viewer-fade-in-enter-from, .car-viewer-fade-in-leave-to {
  opacity: 0;
}
.car-viewer-loader-fade-in-enter-active, .car-viewer-loader-fade-in-leave-active {
  transition: opacity 600ms ease;
}
.car-viewer-loader-fade-in-enter-from, .car-viewer-loader-fade-in-leave-to {
  opacity: 0;
}.CardSliderItemContent__root__e08ff {
  grid-area: 2/1/-1/1;
  padding: var(--pcom-spacing-large) var(--pcom-spacing-large) var(--pcom-spacing-medium) var(--pcom-spacing-medium);
  align-self: end;
  z-index: 2;
}
@media (min-width: 1300px) {
.CardSliderItemContent__root__e08ff.CardSliderItemContent__size-large__e08ff {
    padding-right: calc(5 * var(--pcom-spacing-medium));
}
}
@media (min-width: 1920px) {
.CardSliderItemContent__root__e08ff.CardSliderItemContent__size-large__e08ff {
    padding-right: calc(6 * var(--pcom-spacing-medium));
}
}
.CardSliderItemContent__title__e08ff {
  margin-bottom: var(--pcom-spacing-small);
  /* stylelint-disable-next-line selector-max-type -- For supporting VMCE, we have to use this rule */
}
.CardSliderItemContent__title__e08ff > p {
  all: inherit;
  display: contents;
}
.CardSliderItemContent__disclaimer__e08ff {
  margin-top: var(--pcom-spacing-medium);
}
@media (min-width: 480px) {
.CardSliderItemContent__disclaimer__e08ff {
    margin-top: var(--pcom-spacing-small);
}
}

/* Animations */
@media (max-width: 759px) {
.CardSliderItemContent__description__e08ff,
  .CardSliderItemContent__disclaimer__e08ff {
    opacity: 0;
    transition: transform 500ms cubic-bezier(0.38, 0, 0.15, 0.99) 50ms, opacity 400ms cubic-bezier(0.38, 0, 0.15, 0.99) 200ms;
}
.CardSliderItemContent__visible__e08ff {
    transition: transform 600ms cubic-bezier(0.38, 0, 0.15, 0.99);
    opacity: 1;
}
.CardSliderItemContent__visible__e08ff .CardSliderItemContent__description__e08ff,
  .CardSliderItemContent__visible__e08ff .CardSliderItemContent__disclaimer__e08ff {
    opacity: 1;
    transform: translateY(0);
}
}
@media (min-width: 760px) {
.CardSliderItemContent__root__e08ff {
    opacity: 0;
    transition: opacity 350ms cubic-bezier(0.38, 0, 0.15, 0.99);
}
.CardSliderItemContent__root__e08ff.CardSliderItemContent__visible__e08ff {
    opacity: 1;
}
}.CardSliderItemMedia__root__f55c3 {
  grid-area: 1/1/-1/1;
  pointer-events: none;
}
.CardSliderItemMedia__inner__f55c3 {
  height: 100%;
}
.CardSliderItemMedia__videoWrapper__f55c3 {
  height: 100%;
}.CardSliderItem__root__fffa4 {
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 33/50;
}
@media (min-width: 760px) {
.CardSliderItem__root__fffa4 {
    aspect-ratio: 2/3;
}
}
@media (min-width: 1300px) {
.CardSliderItem__root__fffa4 {
    height: clamp(540px, 40vw, 650px);
}
}
.CardSliderItem__inner__fffa4 {
  position: relative;
  display: grid;
  grid-template-rows: minmax(0, 1fr) min-content;
  height: 100%;
}
.CardSliderItem__inner__fffa4::after {
  content: "";
  z-index: 1;
  mix-blend-mode: multiply;
  grid-column: 1/-1;
  grid-row: 2/-1;
  background: linear-gradient(to top, rgba(31, 31, 31, 0.9) 0%, rgba(31, 31, 31, 0.9) 20%, rgba(31, 31, 31, 0.852589) 26.67%, rgba(32, 32, 32, 0.768225) 33.33%, rgba(33, 33, 33, 0.668116) 40%, rgba(34, 34, 34, 0.557309) 46.67%, rgba(35, 35, 35, 0.442691) 53.33%, rgba(36, 36, 36, 0.331884) 60%, rgba(37, 37, 37, 0.231775) 66.67%, rgba(38, 38, 38, 0.147411) 73.33%, rgba(39, 39, 39, 0.0816599) 80%, rgba(39, 39, 39, 0.03551) 86.67%, rgba(39, 39, 39, 0.0086472) 93.33%, rgba(39, 39, 39, 0) 100%);
}
@media (min-width: 1300px) {
.CardSliderItem__size-small__fffa4 {
    aspect-ratio: 17/27;
}
}
@media (min-width: 1920px) {
.CardSliderItem__size-small__fffa4 {
    aspect-ratio: 41/65;
}
}
@media (min-width: 1300px) {
.CardSliderItem__size-medium__fffa4 {
    aspect-ratio: 1/1;
}
}
@media (min-width: 1300px) {
.CardSliderItem__size-large__fffa4 {
    aspect-ratio: 35/27;
}
}
@media (min-width: 1920px) {
.CardSliderItem__size-large__fffa4 {
    aspect-ratio: 17/13;
}
}
.CardSliderItem__modalButtonWrapper__fffa4 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.CardSliderItem__button__fffa4 {
  display: block;
  background: transparent;
  color: #fff;
  border: none;
  cursor: pointer;
  padding: 8px;
  aspect-ratio: 1/1;
  backdrop-filter: blur(32px);
  -webkit-backdrop-filter: blur(32px);
  border-radius: 4px;
  border-radius: 50%;
}
.CardSliderItem__button__fffa4:focus {
  outline: 2px solid #1a44ea;
  outline-offset: 2px;
}
.CardSliderItem__button__fffa4:focus:not(:focus-visible) {
  outline-color: transparent;
}.CardSlider__root__83f0d {
  padding: var(--pcom-spacing-x-large) 0;
  /* stylelint-disable-next-line selector-max-type -- needed for the VMCE fixes */
}
.CardSlider__root__83f0d sup {
  font-feature-settings: "sups" on;
  font-size: inherit;
  position: static;
  line-height: inherit;
  padding: 0;
  vertical-align: baseline;
}
@supports (font-variant-position: super) {
.CardSlider__root__83f0d sup {
    font-feature-settings: "sups" off, "sups";
    font-variant-position: super;
}
}.ContentChapterBackground__root__42584 {
  --pcom-contentchapter-gradient-degree: 0deg;
  --pcom-contentchapter-gradient-from: rgba(0 0 0 / 0.85);
  --pcom-contentchapter-gradient-to: rgba(0 0 0 / 0);
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  overflow: hidden;
  opacity: 1;
  visibility: visible;
}
@media screen and (min-width: 2560px) {
.ContentChapterBackground__root__42584::before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    left: calc((50vw - 1280px) * -1);
    right: calc((50vw - 1280px) * -1);
    background: var(--pcom-contentchapter-blurred-background);
    background-size: cover;
    background-position: center;
    z-index: -1;
}
}
.ContentChapterBackground__root__42584::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 66%;
  background: linear-gradient(var(--pcom-contentchapter-gradient-degree), var(--pcom-contentchapter-gradient-from) 0%, var(--pcom-contentchapter-gradient-to) 100%);
  bottom: 0;
}
.ContentChapterBackground__root__42584.ContentChapterBackground__theme-light__42584 {
  --pcom-contentchapter-gradient-from: rgba(255 255 255 / 0.85);
  --pcom-contentchapter-gradient-to: rgba(255 255 255 / 0);
}
@media (min-width: 760px) {
.ContentChapterBackground__align-left__42584::after {
    --pcom-contentchapter-gradient-degree: 90deg;
    height: auto;
    width: 66%;
    right: initial;
    top: 0;
}
}
@media (min-width: 760px) {
.ContentChapterBackground__align-right__42584::after {
    --pcom-contentchapter-gradient-degree: 270deg;
    height: auto;
    width: 66%;
    left: unset;
    top: 0;
}
}.ContentChapterText__root__8ee90 {
  display: flex;
  align-items: center;
  height: 100vh;
  height: 100lvh;
  margin: var(--pcom-spacing-large);
}
@media (min-width: 760px) {
.ContentChapterText__root__8ee90 {
    margin: var(--pcom-spacing-xx-large);
}
}
.ContentChapterText__textBlock__8ee90 {
  display: flex;
  flex-direction: column;
}
@media (min-width: 760px) {
.ContentChapterText__textBlock__8ee90 {
    max-width: 50%;
}
}
.ContentChapterText__text__8ee90 {
  padding-top: var(--pcom-spacing-small);
  white-space: pre-line;
}
.ContentChapterText__align-left__8ee90 {
  justify-content: flex-start;
}
.ContentChapterText__align-right__8ee90 {
  justify-content: flex-end;
}
.ContentChapterText__button__8ee90 {
  margin: var(--pcom-spacing-medium) 0;
}
@media (min-width: 760px) {
.ContentChapterText__button__8ee90 {
    width: -moz-fit-content;
    width: fit-content;
}
}.ContentChapter__root__f8b00 {
  position: relative;
  right: 0;
  left: 0;
}
.ContentChapter__backgrounds__f8b00 {
  position: sticky;
  top: 0;
  height: 100vh;
  height: 100lvh;
  padding: 0;
}
.ContentChapter__texts__f8b00 {
  position: relative;
}.ContentChapterModal__root__bf69f {
  position: fixed;
  visibility: hidden;
  overflow: auto;
}
.ContentChapterModal__topSpacing__bf69f {
  padding-top: var(--pcom-spacing-large);
}
.ContentChapterModal__active__bf69f {
  visibility: visible;
  z-index: 1;
}
.ContentChapterModal__closeButton__bf69f {
  text-align: right;
  padding: var(--pcom-spacing-medium);
}
.ContentChapterModal__arrowButton__bf69f {
  text-align: center;
  margin: var(--pcom-spacing-large) 0;
}
.ContentChapterModal__arrowButtonInner__bf69f {
  text-align: center;
  padding: var(--pcom-spacing-small);
}
.ContentChapterModal__arrowIcon__bf69f {
  padding-top: var(--pcom-spacing-medium);
}.ContentInfo__root__1410f {
  align-items: stretch;
  padding-top: var(--pcom-spacing-x-large);
  padding-bottom: var(--pcom-spacing-large);
}
.ContentInfo__imageContainer__1410f {
  grid-area: 1/extended-start/2/extended-end;
  overflow: hidden;
  border-radius: 12px 12px 0 0;
}
@media (min-width: 1000px) {
.ContentInfo__imageContainer__1410f {
    grid-area: 1/extended-start/2/span 7;
    border-radius: 12px 0 0 12px;
}
.ContentInfo__inverse__1410f .ContentInfo__imageContainer__1410f {
    grid-area: 1/span 7/2/extended-end;
    border-radius: 0 12px 12px 0;
}
}
@media (min-width: 1300px) {
.ContentInfo__imageContainer__1410f {
    grid-area: 1/extended-start/2/span 8;
}
.ContentInfo__inverse__1410f .ContentInfo__imageContainer__1410f {
    grid-area: 1/span 8/2/extended-end;
}
}
.ContentInfo__textContainer__1410f {
  grid-area: 2/extended-start/3/extended-end;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: calc(clamp(16px, 1.25vw + 12px, 36px) * -1);
  background-color: #eeeff2;
  border-radius: 0 0 12px 12px;
}
.ContentInfo__theme-dark__1410f .ContentInfo__textContainer__1410f {
  background-color: #0e0e12;
  color: #fbfcff;
}
@media (min-width: 1000px) {
.ContentInfo__textContainer__1410f {
    margin-top: initial;
    margin-left: calc(clamp(16px, 1.25vw + 12px, 36px) * -1);
    grid-area: 1/span 7/2/extended-end;
    border-radius: 0 12px 12px 0;
}
.ContentInfo__inverse__1410f .ContentInfo__textContainer__1410f {
    grid-area: 1/extended-start/2/span 7;
    margin-left: initial;
    margin-right: calc(clamp(16px, 1.25vw + 12px, 36px) * -1);
    border-radius: 12px 0 0 12px;
}
}
@media (min-width: 1300px) {
.ContentInfo__textContainer__1410f {
    grid-area: 1/span 6/2/extended-end;
}
.ContentInfo__inverse__1410f .ContentInfo__textContainer__1410f {
    grid-area: 1/extended-start/2/span 6;
}
}
.ContentInfo__textBox__1410f {
  padding: var(--pcom-spacing-large) var(--pcom-spacing-medium);
}
@media (min-width: 1000px) {
.ContentInfo__textBox__1410f {
    margin-top: unset;
    padding: var(--pcom-spacing-large);
}
}
.ContentInfo__copy__1410f {
  margin-top: var(--pcom-spacing-small);
}
.ContentInfo__buttonContainer__1410f {
  margin-top: var(--pcom-spacing-medium);
}.ContentNavigation__root__0ae1e {
  background-color: #fff;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.16);
}
.ContentNavigation__navBar__0ae1e {
  padding-bottom: var(--pcom-spacing-small);
  padding-top: var(--pcom-spacing-medium);
}
.ContentNavigation__navBar__0ae1e.ContentNavigation__centered__0ae1e {
  display: table;
  margin: 0 auto;
}.ContentTableRow__rowContainer__b4255 {
  display: flex;
  flex-wrap: wrap;
  padding: 14px 0;
  border-bottom: 1px solid #d8d8db;
  border-top: 1px solid transparent;
}
.ContentTableRow__rowContainer__b4255:first-of-type {
  border-top-color: #d8d8db;
}
@media (min-width: 760px) {
.ContentTableRow__rowContainer__b4255 {
    flex-wrap: nowrap;
}
}
.ContentTableRow__summary__b4255 {
  flex: 0 0 100%;
}
@media (min-width: 760px) {
.ContentTableRow__summary__b4255 {
    flex: 0 0 30%;
}
}
.ContentTableRow__link__b4255 {
  flex: 0 0 100%;
}
@media (min-width: 760px) {
.ContentTableRow__link__b4255 {
    flex: 1 1 70%;
}
}.ContentTable__wrapper__9e9b8 {
  padding-bottom: var(--pcom-spacing-large);
}
.ContentTable__button__9e9b8 {
  margin-top: var(--pcom-spacing-medium);
  width: 100%;
}
@media (min-width: 760px) {
.ContentTable__button__9e9b8 {
    width: -moz-fit-content;
    width: fit-content;
}
}.CrossLinkTeaserItemButton__cta__ab190 {
  margin-top: var(--pcom-spacing-medium);
  width: 100%;
}
@media (min-width: 760px) {
.CrossLinkTeaserItemButton__cta__ab190 {
    width: auto;
}
}
@media (min-width: 1000px) {
.CrossLinkTeaserItemButton__teaserTag__ab190 {
    width: 70%;
}
}.CrossLinkTeaserItem__root__d8922 {
  position: relative;
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(0, 1fr);
}
.CrossLinkTeaserItem__overflowWrapper__d8922 {
  grid-area: 1/1/3/2;
  overflow: hidden;
  border-radius: 12px;
  transform: translateZ(0);
}
.CrossLinkTeaserItem__imageContainer__d8922 {
  aspect-ratio: 3/4;
  transition: transform 0.24s ease-in-out;
  transform: scale3d(1, 1, 1);
}
@media (hover: hover) and (pointer: fine) {
.CrossLinkTeaserItem__imageContainer__d8922.CrossLinkTeaserItem__hoverState__d8922 {
    transform: var(--pcom-image-hover-scale);
}
}
@media (min-width: 760px) {
.CrossLinkTeaserItem__imageContainer__d8922.CrossLinkTeaserItem__parallaxContainer__d8922 {
    aspect-ratio: 1/1.15;
}
}
@media (min-width: 1000px) {
.CrossLinkTeaserItem__tiles-1__d8922 {
    grid-template-columns: 1fr 1fr;
}
}
.CrossLinkTeaserItem__tiles-1__d8922 .CrossLinkTeaserItem__overflowWrapper__d8922 {
  grid-area: 1/1/3/3;
}
@media (min-width: 1000px) {
.CrossLinkTeaserItem__tiles-1__d8922 .CrossLinkTeaserItem__imageContainer__d8922 {
    aspect-ratio: 16/9;
}
}
.CrossLinkTeaserItem__disclaimer__d8922 {
  margin-top: 16px;
  /* stylelint-disable-next-line selector-max-type -- needed for the VMCE fixes */
}
.CrossLinkTeaserItem__disclaimer__d8922 sup {
  font-feature-settings: "sups" on;
  font-size: inherit;
  position: static;
  line-height: inherit;
  padding: 0;
  vertical-align: baseline;
}
@supports (font-variant-position: super) {
.CrossLinkTeaserItem__disclaimer__d8922 sup {
    font-feature-settings: "sups" off, "sups";
    font-variant-position: super;
}
}.CrossLinkTeaser__gridItem__a233f {
  grid-column: basic-start/basic-end;
  height: 100%;
}
.CrossLinkTeaser__gridItem__a233f.CrossLinkTeaser__footnotes__a233f {
  padding-top: 0;
}
.CrossLinkTeaser__items__a233f {
  padding-bottom: var(--pcom-spacing-x-large);
}
.CrossLinkTeaser__items__a233f:only-child {
  padding-top: var(--pcom-spacing-x-large);
}
@media (min-width: 1000px) {
.CrossLinkTeaser__items-2__a233f .CrossLinkTeaser__gridItem__a233f:nth-child(1) {
    grid-column: basic-start/var(--pds-grid-basic-span-one-half);
}
.CrossLinkTeaser__items-2__a233f .CrossLinkTeaser__gridItem__a233f:nth-child(2) {
    grid-column: 10/var(--pds-grid-basic-span-one-half);
}
.CrossLinkTeaser__items-2__a233f.CrossLinkTeaser__skewed__a233f {
    grid-row-gap: 0;
    grid-template-rows: calc(var(--pcom-spacing-medium) * 2) auto;
}
.CrossLinkTeaser__items-2__a233f.CrossLinkTeaser__skewed__a233f .CrossLinkTeaser__gridItem__a233f:nth-child(1) {
    grid-row: 2/3;
}
.CrossLinkTeaser__items-2__a233f.CrossLinkTeaser__skewed__a233f .CrossLinkTeaser__gridItem__a233f:nth-child(2) {
    grid-row: 1/3;
}
}
.CrossLinkTeaser__items-2__a233f.CrossLinkTeaser__parallax__a233f {
  grid-template-rows: clamp(5rem, 8.33333vw + 3.33333rem, 12.5rem) repeat(2, auto);
}
@media (max-width: 759px) {
.CrossLinkTeaser__items-2__a233f.CrossLinkTeaser__parallax__a233f .CrossLinkTeaser__gridItem__a233f:nth-child(1) {
    grid-row: 2/3;
}
.CrossLinkTeaser__items-2__a233f.CrossLinkTeaser__parallax__a233f .CrossLinkTeaser__gridItem__a233f:nth-child(2) {
    grid-row: 3/-1;
    margin-top: var(--pcom-spacing-x-large);
}
}
@media (min-width: 760px) {
.CrossLinkTeaser__items-2__a233f.CrossLinkTeaser__parallax__a233f {
    grid-template-rows: clamp(5rem, 8.33333vw + 3.33333rem, 12.5rem) auto;
    grid-row-gap: 0;
}
.CrossLinkTeaser__items-2__a233f.CrossLinkTeaser__parallax__a233f .CrossLinkTeaser__gridItem__a233f:nth-child(1) {
    grid-column: wide-start/span 8;
    grid-row: 2/-1;
}
.CrossLinkTeaser__items-2__a233f.CrossLinkTeaser__parallax__a233f .CrossLinkTeaser__gridItem__a233f:nth-child(2) {
    grid-column: span 8/wide-end;
    grid-row: 1/2;
}
}
@media (min-width: 1300px) {
.CrossLinkTeaser__items-2__a233f.CrossLinkTeaser__parallax__a233f .CrossLinkTeaser__gridItem__a233f:nth-child(1) {
    grid-column: extended-start/span 7;
}
.CrossLinkTeaser__items-2__a233f.CrossLinkTeaser__parallax__a233f .CrossLinkTeaser__gridItem__a233f:nth-child(2) {
    grid-column: span 7/extended-end;
}
}
@media (min-width: 1920px) {
.CrossLinkTeaser__items-2__a233f.CrossLinkTeaser__parallax__a233f .CrossLinkTeaser__gridItem__a233f:nth-child(1) {
    grid-column: basic-start/var(--pds-grid-basic-span-one-half);
}
.CrossLinkTeaser__items-2__a233f.CrossLinkTeaser__parallax__a233f .CrossLinkTeaser__gridItem__a233f:nth-child(2) {
    grid-column: 10/basic-end;
}
}
@media (min-width: 1300px) {
.CrossLinkTeaser__items-3__a233f .CrossLinkTeaser__gridItem__a233f:nth-child(1) {
    grid-column: basic-start/var(--pds-grid-basic-span-one-third);
}
.CrossLinkTeaser__items-3__a233f .CrossLinkTeaser__gridItem__a233f:nth-child(2) {
    grid-column: var(--pds-grid-basic-span-one-third)/var(--pds-grid-basic-span-one-third);
}
.CrossLinkTeaser__items-3__a233f .CrossLinkTeaser__gridItem__a233f:nth-child(3) {
    grid-column: 12/basic-end;
}
}
@media (min-width: 1000px) {
.CrossLinkTeaser__items-4__a233f .CrossLinkTeaser__gridItem__a233f:nth-child(1) {
    grid-column: basic-start/var(--pds-grid-basic-span-one-half);
    grid-row: 1;
}
.CrossLinkTeaser__items-4__a233f .CrossLinkTeaser__gridItem__a233f:nth-child(2) {
    grid-column: var(--pds-grid-basic-span-one-half)/var(--pds-grid-basic-span-one-half);
    grid-row: 1;
}
.CrossLinkTeaser__items-4__a233f .CrossLinkTeaser__gridItem__a233f:nth-child(3) {
    grid-column: basic-start/var(--pds-grid-basic-span-one-half);
    grid-row: 2;
}
.CrossLinkTeaser__items-4__a233f .CrossLinkTeaser__gridItem__a233f:nth-child(4) {
    grid-column: var(--pds-grid-basic-span-one-half)/var(--pds-grid-basic-span-one-half);
    grid-row: 2;
}
.CrossLinkTeaser__items-4__a233f.CrossLinkTeaser__skewed__a233f {
    grid-row-gap: 0;
    grid-template-rows: calc(var(--pcom-spacing-medium) * 2) auto repeat(3, var(--pcom-spacing-medium)) auto calc(var(--pcom-spacing-medium) * 2);
}
.CrossLinkTeaser__items-4__a233f.CrossLinkTeaser__skewed__a233f .CrossLinkTeaser__gridItem__a233f:nth-child(1) {
    grid-row: 2/5;
}
.CrossLinkTeaser__items-4__a233f.CrossLinkTeaser__skewed__a233f .CrossLinkTeaser__gridItem__a233f:nth-child(2) {
    grid-row: 1/3;
}
.CrossLinkTeaser__items-4__a233f.CrossLinkTeaser__skewed__a233f .CrossLinkTeaser__gridItem__a233f:nth-child(3) {
    grid-row: 6/-1;
}
.CrossLinkTeaser__items-4__a233f.CrossLinkTeaser__skewed__a233f .CrossLinkTeaser__gridItem__a233f:nth-child(4) {
    grid-row: 4/7;
}
}.EasyModelSelectorItem__root__f7e18 {
  overflow: hidden;
  grid-column: 1;
  grid-row: 1;
  border-radius: 8px;
}
.EasyModelSelectorItem__root__f7e18:nth-child(2) {
  grid-row: 2;
}
@media (min-width: 480px) {
.EasyModelSelectorItem__root__f7e18:nth-child(2) {
    /* stylelint-disable declaration-no-important -- Because PDS is setting some !important styles here, that we need to override. */
    margin-left: 48px !important;
    margin-right: -48px !important;
    /* stylelint-enable declaration-no-important */
}
}
.EasyModelSelectorItem__linkedTile__f7e18 {
  transition: background-color var(--pcom-motion-duration-short) ease 0s;
  display: block;
  /* stylelint-disable declaration-no-important -- Because PDS is setting some !important styles here, that we need to override. */
  margin: 0 !important;
  padding: 0 !important;
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
  border-radius: 8px !important;
  /* stylelint-enable declaration-no-important */
  border-radius: 8px;
}
.EasyModelSelectorItem__linkedTile__f7e18:focus {
  outline: 2px solid #1a44ea;
  outline-offset: 2px;
}
.EasyModelSelectorItem__linkedTile__f7e18:focus:not(:focus-visible) {
  outline-color: transparent;
}
@media (hover: hover) and (pointer: fine) {
.EasyModelSelectorItem__linkedTile__f7e18:hover {
    background-color: rgba(148, 149, 152, 0.18);
}
}
.EasyModelSelectorItem__imageContainer__f7e18 {
  overflow: hidden;
  aspect-ratio: var(--pcom-easy-model-selector-item-image-ratio);
}
.EasyModelSelectorItem__image__f7e18 {
  transition: transform var(--pcom-motion-duration-short) ease;
  margin-bottom: 8px;
}
@media (hover: hover) and (pointer: fine) {
.EasyModelSelectorItem__linkContainer__f7e18:hover .EasyModelSelectorItem__image__f7e18 {
    transform: var(--pcom-image-hover-scale);
}
}
.EasyModelSelectorItem__textContainer__f7e18 {
  padding: 8px;
}
.EasyModelSelectorItem__heading__f7e18 {
  margin-bottom: 4px;
}
.EasyModelSelectorItem__text__f7e18 {
  margin-bottom: 8px;
}
.EasyModelSelectorItem__linkElement__f7e18 {
  margin-bottom: 8px;
}.EasyModelSelector__root__0c88c {
  padding-bottom: var(--pcom-spacing-large);
  padding-top: var(--pcom-spacing-x-large);
  background-color: transparent;
}
.EasyModelSelector__slide__0c88c {
  height: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  grid-row-gap: 32px;
}
.EasyModelSelector__appendix__0c88c {
  opacity: 0;
  visibility: hidden;
}.EconomyData__root__a1f92 {
  padding-top: var(--pcom-spacing-x-large);
  padding-bottom: var(--pcom-spacing-large);
}
.EconomyData__headlineContainer__a1f92 {
  padding-bottom: var(--pcom-spacing-small);
  display: grid;
  place-content: center;
}.EditorialMedia__root__45854 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: repeat(3, minmax(0, 1fr));
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 16/9;
}
.EditorialMedia__root__45854.EditorialMedia__hasAnimation__45854 {
  opacity: 0;
  scale: 0.95;
  transition: opacity var(--pcom-editorial-fade-in-animation-speed) ease-in-out, scale var(--pcom-editorial-fade-in-animation-speed) ease-in-out;
}
.EditorialMedia__root__45854.EditorialMedia__isVisible__45854 {
  opacity: 1;
  scale: 1;
}
.EditorialMedia__mediaContainer__45854 {
  grid-area: 1/1/-1/2;
}
.EditorialMedia__textContainer__45854 {
  grid-area: 2/1/-1/2;
  align-self: end;
  position: relative;
  padding: var(--pcom-spacing-medium);
}
.EditorialMedia__textContainer__45854::before {
  z-index: 0;
  content: "";
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(to top, rgba(31, 31, 31, 0.9) 0%, rgba(31, 31, 31, 0.9) 20%, rgba(31, 31, 31, 0.852589) 26.67%, rgba(32, 32, 32, 0.768225) 33.33%, rgba(33, 33, 33, 0.668116) 40%, rgba(34, 34, 34, 0.557309) 46.67%, rgba(35, 35, 35, 0.442691) 53.33%, rgba(36, 36, 36, 0.331884) 60%, rgba(37, 37, 37, 0.231775) 66.67%, rgba(38, 38, 38, 0.147411) 73.33%, rgba(39, 39, 39, 0.0816599) 80%, rgba(39, 39, 39, 0.03551) 86.67%, rgba(39, 39, 39, 0.0086472) 93.33%, rgba(39, 39, 39, 0) 100%);
}
.EditorialMedia__textBox__45854 {
  z-index: 1;
  position: relative;
}
.EditorialMedia__button__45854 {
  position: absolute;
  z-index: 2;
  right: var(--pcom-spacing-small);
  bottom: var(--pcom-spacing-small);
}.Editorial__root__dc5b0 {
  --pcom-editorial-fade-in-animation-speed: 250ms;
  padding-bottom: var(--pcom-spacing-large);
}
@media (min-width: 1000px) {
.Editorial__root__dc5b0 {
    grid-template-rows: auto minmax(0, auto) minmax(0, 1fr);
}
}
.Editorial__mediaBig__dc5b0 {
  grid-area: 1/extended-start/2/extended-end;
}
@media (min-width: 1000px) {
.Editorial__mediaBig__dc5b0 {
    grid-area: 1/extended-start/3/span 8;
}
.Editorial__rightAlignment__dc5b0 .Editorial__mediaBig__dc5b0 {
    grid-area: 1/9/3/extended-end;
}
}
.Editorial__imageMedium__dc5b0 {
  grid-area: 2/extended-start/3/var(--pds-grid-extended-span-one-half);
}
@media (min-width: 1000px) {
.Editorial__imageMedium__dc5b0 {
    grid-area: 1/11/2/extended-end;
}
.Editorial__rightAlignment__dc5b0 .Editorial__imageMedium__dc5b0 {
    grid-area: 1/extended-start/2/span 6;
}
}
.Editorial__imageSmall__dc5b0 {
  grid-area: 2/5/3/var(--pds-grid-extended-span-one-half);
}
@media (min-width: 760px) {
.Editorial__imageSmall__dc5b0 {
    grid-area: 2/10/3/var(--pds-grid-extended-span-one-half);
}
}
@media (min-width: 1000px) {
.Editorial__imageSmall__dc5b0 {
    grid-area: 2/11/4/span 5;
}
.Editorial__rightAlignment__dc5b0 .Editorial__imageSmall__dc5b0 {
    grid-area: 2/4/4/span 5;
}
}
.Editorial__textContainer__dc5b0 {
  grid-area: 3/basic-start/3/basic-end;
}
@media (min-width: 1000px) {
.Editorial__textContainer__dc5b0 {
    grid-area: 3/basic-start/4/span 6;
}
.Editorial__rightAlignment__dc5b0 .Editorial__textContainer__dc5b0 {
    grid-area: 3/10/4/span 6;
}
}
.Editorial__textContainer__dc5b0.Editorial__hasAnimation__dc5b0 {
  opacity: 0;
  scale: 0.95;
  transition: opacity var(--pcom-editorial-fade-in-animation-speed) ease-in-out, scale var(--pcom-editorial-fade-in-animation-speed) ease-in-out;
}
.Editorial__textContainer__dc5b0.Editorial__isVisible__dc5b0 {
  opacity: 1;
  scale: 1;
}
.Editorial__headline__dc5b0 {
  padding-top: var(--pcom-spacing-medium);
  padding-bottom: var(--pcom-spacing-x-small);
}
.Editorial__button__dc5b0 {
  display: block;
  margin-top: var(--pcom-spacing-medium);
}
@media (min-width: 1000px) {
.Editorial__button__dc5b0 {
    display: inline-flex;
}
}.EngineSoundAudioControls__root__b6780 {
  position: relative;
  transition: transform calc(var(--pcom-motion-duration-long) * 1.33) var(--pcom-motion-easing-in) var(--pcom-motion-duration-very-long), opacity var(--pcom-motion-duration-short) var(--pcom-motion-easing-in) var(--pcom-motion-duration-very-long);
}
.EngineSoundAudioControls__root__b6780:not(.EngineSoundAudioControls__loaded__b6780) {
  pointer-events: none;
}
.EngineSoundAudioControls__root__b6780:not(.EngineSoundAudioControls__visible__b6780) {
  opacity: 0;
  transform: translate3d(0, 50%, 0);
}
.EngineSoundAudioControls__button__b6780 {
  width: 100%;
  transition: filter var(--pcom-motion-duration-moderate) var(--pcom-motion-easing-base), opacity var(--pcom-motion-duration-moderate) var(--pcom-motion-easing-base), transform var(--pcom-motion-duration-moderate) var(--pcom-motion-easing-base);
  opacity: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  filter: blur(0);
}
.EngineSoundAudioControls__playing__b6780 .EngineSoundAudioControls__button__b6780 {
  opacity: 0;
  filter: blur(32px);
}.EngineSoundAudio__root__93f1a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-area: 3/basic-start/-1/basic-end;
  margin-top: auto;
  margin-bottom: var(--pcom-spacing-x-large);
  z-index: 3;
}
@media (min-width: 1300px) {
.EngineSoundAudio__root__93f1a {
    margin-bottom: var(--pcom-spacing-large);
}
}
.EngineSoundAudio__waveContainer__93f1a {
  position: absolute;
  height: 54px;
  width: 100%;
  max-width: 230px;
  padding: 8px 16px;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  box-sizing: border-box;
  border-radius: 4px;
  transform: scale(0);
  transition: opacity var(--pcom-motion-duration-moderate) var(--pcom-motion-easing-base), transform var(--pcom-motion-duration-moderate) var(--pcom-motion-easing-base);
  backdrop-filter: blur(32px);
  -webkit-backdrop-filter: blur(32px);
}
.EngineSoundAudio__playing__93f1a .EngineSoundAudio__waveContainer__93f1a {
  opacity: 1;
  transform: scale(1);
}
.EngineSoundAudio__wave__93f1a {
  max-width: 100%;
  max-height: 100%;
  overflow: unset;
}
.EngineSoundAudio__message__93f1a {
  position: absolute;
  transform: translate3d(0, var(--pcom-spacing-x-large), 0);
  opacity: 0;
  transition: transform var(--pcom-motion-duration-moderate) var(--pcom-motion-easing-in), opacity var(--pcom-motion-duration-short) var(--pcom-motion-easing-in);
}
.EngineSoundAudio__playing__93f1a .EngineSoundAudio__message__93f1a {
  opacity: 1;
  transform: translate3d(0, 48px, 0);
}.EngineSoundHeader__root__cd56f {
  grid-area: 1/full-start/2/full-end;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: var(--pcom-spacing-large) var(--pcom-spacing-medium);
}
@media (min-width: 760px) {
.EngineSoundHeader__root__cd56f {
    grid-area: 1/basic-start/2/basic-end;
}
}
.EngineSoundHeader__heading__cd56f {
  margin-bottom: 16px;
  max-width: 75%;
  /* stylelint-disable-next-line selector-max-type -- For supporting VMCE, we have to use this rule */
}
@media (min-width: 760px) {
.EngineSoundHeader__heading__cd56f {
    max-width: 100%;
}
}
.EngineSoundHeader__heading__cd56f p {
  display: contents;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
.EngineSoundHeader__subheading__cd56f {
  max-width: 85%;
}
@media (min-width: 760px) {
.EngineSoundHeader__subheading__cd56f {
    max-width: 100%;
}
}.EngineSound__root__0f054 {
  grid-template-rows: repeat(3, auto);
  padding-top: var(--pcom-spacing-x-large);
  padding-bottom: var(--pcom-spacing-x-large);
  /* stylelint-disable-next-line selector-max-type -- needed for the VMCE fixes */
}
.EngineSound__root__0f054 sup {
  font-feature-settings: "sups" on;
  font-size: inherit;
  position: static;
  line-height: inherit;
  padding: 0;
  vertical-align: baseline;
}
@supports (font-variant-position: super) {
.EngineSound__root__0f054 sup {
    font-feature-settings: "sups" off, "sups";
    font-variant-position: super;
}
}
.EngineSound__mediaContainer__0f054 {
  grid-area: 1/full-start/-1/full-end;
  background-color: #010205;
  overflow: hidden;
  aspect-ratio: 10/16;
  pointer-events: none;
  position: relative;
}
.EngineSound__mediaContainer__0f054::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  height: 50%;
  background: linear-gradient(to bottom, rgba(31, 31, 31, 0.9) 0%, rgba(31, 31, 31, 0.9) 20%, rgba(31, 31, 31, 0.852589) 26.67%, rgba(32, 32, 32, 0.768225) 33.33%, rgba(33, 33, 33, 0.668116) 40%, rgba(34, 34, 34, 0.557309) 46.67%, rgba(35, 35, 35, 0.442691) 53.33%, rgba(36, 36, 36, 0.331884) 60%, rgba(37, 37, 37, 0.231775) 66.67%, rgba(38, 38, 38, 0.147411) 73.33%, rgba(39, 39, 39, 0.0816599) 80%, rgba(39, 39, 39, 0.03551) 86.67%, rgba(39, 39, 39, 0.0086472) 93.33%, rgba(39, 39, 39, 0) 100%);
}
@media (min-width: 480px) {
.EngineSound__mediaContainer__0f054 {
    aspect-ratio: 1/1;
}
}
@media (min-width: 760px) {
.EngineSound__mediaContainer__0f054 {
    aspect-ratio: 4/3;
}
}
@media (min-width: 1000px) {
.EngineSound__mediaContainer__0f054 {
    aspect-ratio: 16/9;
}
}
@media (min-width: 1300px) {
.EngineSound__mediaContainer__0f054 {
    aspect-ratio: 2/1;
    grid-area: 1/extended-start/-1/extended-end;
    border-radius: 12px;
}
}
@media (min-width: 1760px) {
.EngineSound__mediaContainer__0f054 {
    aspect-ratio: 16/7;
}
}
.EngineSound__variant-video__0f054 .EngineSound__mediaContainer__0f054 {
  aspect-ratio: 9/16;
}
@media (min-width: 480px) {
.EngineSound__variant-video__0f054 .EngineSound__mediaContainer__0f054 {
    aspect-ratio: 1/1;
}
}
@media (min-width: 760px) {
.EngineSound__variant-video__0f054 .EngineSound__mediaContainer__0f054 {
    aspect-ratio: 16/9;
}
}
@media (min-width: 1760px) {
.EngineSound__variant-video__0f054 .EngineSound__mediaContainer__0f054 {
    grid-area: 1/basic-start/-1/basic-end;
}
}.GoogleAutocompleteDropdown__root__555cd {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  border: 2px solid #010205;
  border-top: 1px solid #6b6d70;
  border-radius: 0 0 4px 4px;
  background-color: #fff;
  color: #535457;
  padding: 8px 8px 0 8px;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.16);
}
.GoogleAutocompleteDropdown__dropDownList__555cd {
  padding: 0;
  margin: 0;
  list-style: none;
}
.GoogleAutocompleteDropdown__googleLogo__555cd {
  align-self: flex-end;
  width: 120px;
  height: 14px;
  margin: 8px 16px;
}
.GoogleAutocompleteDropdown__dropdownItem__555cd {
  padding: 8px 16px;
  margin-bottom: 8px;
  font: normal normal 400 1rem/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
  hyphens: auto;
  overflow-wrap: break-word;
  cursor: pointer;
}
.GoogleAutocompleteDropdown__dropdownItem__555cd:hover, .GoogleAutocompleteDropdown__dropdownItem__555cd.GoogleAutocompleteDropdown__selected__555cd {
  color: #010205;
  background-color: #eeeff2;
  border-radius: 4px;
}.EnhancedFinder__root__e68fa {
  position: relative;
  padding-top: var(--pcom-spacing-x-large);
  padding-bottom: var(--pcom-spacing-large);
  background-color: #fff;
  row-gap: 0;
  grid-template-rows: [content-block] max-content [input-block] var(--pcom-spacing-xx-large)var(--pcom-spacing-xx-large) [image-block] max-content;
}
@media (min-width: 480px) {
.EnhancedFinder__root__e68fa {
    grid-template-rows: [content-block] max-content [input-block] var(--pcom-spacing-xx-large)var(--pcom-spacing-large) [image-block] max-content;
}
}
@media (min-width: 1000px) {
.EnhancedFinder__root__e68fa {
    grid-template-rows: [content-block] max-content [input-block] var(--pcom-spacing-xx-large)var(--pcom-spacing-large) [image-block] max-content [bottom-spacing] var(--pcom-spacing-xx-large);
}
}
.EnhancedFinder__imageContainer__e68fa {
  grid-column: full-start/full-end;
  grid-row: image-block;
  box-sizing: border-box;
  margin-top: var(--pcom-spacing-medium);
}
@media (min-width: 1000px) {
.EnhancedFinder__imageContainer__e68fa {
    grid-area: 1/span 9/-1/full-end;
    margin-top: 0;
}
}
.EnhancedFinder__textContainer__e68fa {
  grid-column: basic-start/basic-end;
  grid-row: content-block;
  margin: var(--pcom-spacing-medium) 0;
}
@media (min-width: 760px) {
.EnhancedFinder__textContainer__e68fa {
    margin: var(--pcom-spacing-medium);
}
}
@media (min-width: 1000px) {
.EnhancedFinder__textContainer__e68fa {
    grid-column: basic-start/var(--pds-grid-basic-span-one-half);
}
}
@media (min-width: 1300px) {
.EnhancedFinder__textContainer__e68fa {
    grid-column: basic-start/var(--pds-grid-basic-span-one-half);
    margin-top: var(--pcom-spacing-large);
}
}
.EnhancedFinder__textContainer__e68fa .EnhancedFinder__heading__e68fa {
  margin-bottom: var(--pcom-spacing-x-small);
}
.EnhancedFinder__inputFieldContainer__e68fa {
  position: relative;
  grid-column: basic-start/basic-end;
  grid-row: input-block;
}
@media (min-width: 760px) {
.EnhancedFinder__inputFieldContainer__e68fa {
    margin: 0 var(--pcom-spacing-medium);
}
}
@media (min-width: 1000px) {
.EnhancedFinder__inputFieldContainer__e68fa {
    grid-column: basic-start/var(--pds-grid-basic-span-one-half);
}
}
.EnhancedFinder__dropdownContainer__e68fa {
  width: 100%;
  position: absolute;
  transform: translateY(-2px);
}.ExtendedTeaserSlide__root__f6405 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
  background-color: var(--pcom-extended-teaser-background-color);
  transition: background var(--pcom-motion-duration-short) ease-in-out;
  transform: translateZ(0);
}
@media (hover: hover) and (pointer: fine) {
.ExtendedTeaserSlide__root__f6405:hover {
    background-color: var(--pcom-extended-teaser-hover-color);
}
}
.ExtendedTeaserSlide__root__f6405.ExtendedTeaserSlide__has-link__f6405 {
  cursor: pointer;
}
.ExtendedTeaserSlide__imageContainer__f6405 {
  position: relative;
  overflow: hidden;
}
.ExtendedTeaserSlide__image__f6405 {
  display: block;
  transition: transform var(--pcom-motion-duration-short) ease-in-out;
  transform: scale3d(1, 1, 1);
}
@media (hover: hover) and (pointer: fine) {
.ExtendedTeaserSlide__root__f6405:hover .ExtendedTeaserSlide__image__f6405 {
    transform: var(--pcom-image-hover-scale);
}
}
.ExtendedTeaserSlide__textBox__f6405 {
  margin: var(--pcom-spacing-medium) var(--pcom-spacing-small);
}
.ExtendedTeaserSlide__text__f6405 {
  margin-top: var(--pcom-spacing-x-small);
}
.ExtendedTeaserSlide__button__f6405 {
  margin-top: var(--pcom-spacing-small);
  width: -moz-fit-content;
  width: fit-content;
}.ExtendedTeaser__root__b38c4 {
  --pcom-extended-teaser-background-color: transparent;
  --pcom-extended-teaser-hover-color: rgba(148, 149, 152, 0.18);
  padding-top: var(--pcom-spacing-x-large);
  padding-bottom: var(--pcom-spacing-large);
  background-color: var(--pcom-extended-teaser-background-color);
}
.ExtendedTeaser__description__b38c4 {
  padding-bottom: var(--pcom-spacing-small);
}
.ExtendedTeaser__theme-dark__b38c4 {
  --pcom-extended-teaser-background-color: #0e0e12;
  --pcom-extended-teaser-hover-color: rgba(148, 149, 152, 0.18);
}
.ExtendedTeaser__spacer__b38c4 {
  height: var(--pcom-spacing-medium);
}.FeatureBoxesItem__root__702a7 {
  background-color: #eeeff2;
  border-radius: 12px;
  display: flex;
}
@media (min-width: 0px) and (max-width: 1299px) {
.FeatureBoxesItem__root__702a7 {
    flex-direction: row;
    align-items: center;
    gap: 32px;
    flex: 1 1 100%;
    padding: 16px 32px;
}
}
@media (min-width: 1300px) {
.FeatureBoxesItem__root__702a7 {
    flex: 1 1 0;
    width: 0;
    gap: 0;
    flex-direction: column;
    justify-content: space-between;
    padding: var(--pcom-spacing-medium);
}
}
.FeatureBoxesItem__root__702a7.FeatureBoxesItem__background-white__702a7 {
  background-color: #fff;
  border: 1px solid #d8d8db;
}
.FeatureBoxesItem__contentWrapper__702a7 {
  display: flex;
  flex-flow: column wrap;
}
@media (min-width: 0px) and (max-width: 1299px) {
.FeatureBoxesItem__contentWrapper__702a7 {
    flex: 1 1 auto;
}
}
.FeatureBoxesItem__title__702a7 {
  order: 1;
}
.FeatureBoxesItem__value__702a7 {
  order: 2;
}
.FeatureBoxesItem__excerpt__702a7 {
  order: 3;
}
@media (min-width: 0px) and (max-width: 1299px) {
.FeatureBoxesItem__iconWrapper__702a7 {
    flex: 0 0 auto;
}
}
@media (min-width: 1300px) {
.FeatureBoxesItem__iconWrapper__702a7 {
    margin-bottom: 48px;
}
}
@media (min-width: 1920px) {
.FeatureBoxesItem__iconWrapper__702a7 {
    margin-bottom: var(--pcom-spacing-medium);
}
}
.FeatureBoxesItem__icon__702a7 {
  height: 56px;
  width: 56px;
}
@media (min-width: 1920px) {
.FeatureBoxesItem__icon__702a7 {
    height: 64px;
    width: 64px;
}
}
.FeatureBoxesItem__srOnly__702a7 {
  position: absolute;
  height: 1px;
  width: 1px;
  border: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
}
.FeatureBoxesItem__variant-reversed__702a7 .FeatureBoxesItem__title__702a7 {
  order: 3;
}
.FeatureBoxesItem__variant-reversed__702a7 .FeatureBoxesItem__excerpt__702a7 {
  order: 1;
}.FeatureBoxes__root__789aa {
  padding-top: var(--pcom-module-space-large);
  padding-bottom: var(--pcom-module-space-large);
}
.FeatureBoxes__itemsRow__789aa {
  position: relative;
  display: flex;
  gap: var(--pcom-spacing-medium);
  flex-flow: column;
}
@media (min-width: 1300px) {
.FeatureBoxes__itemsRow__789aa {
    flex-flow: row;
}
}
@media (min-width: 1300px) {
.FeatureBoxes__disclaimerRow__789aa {
    grid-column: 5/15;
}
}.Features__itemsContainer__d734b {
  display: grid;
  gap: 8px;
}
@media (min-width: 760px) {
.Features__itemsContainer__d734b {
    gap: clamp(16px, 1.25vw + 12px, 36px);
    grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
.Features__items__d734b {
  padding-bottom: var(--pcom-spacing-large);
}
:is(.Features__items-2__d734b, .Features__items-4__d734b) .Features__featureItem__d734b {
  grid-column: span 6;
}
@media (min-width: 760px) and (max-width: 1299px) {
.Features__items-3__d734b .Features__featureItem__d734b {
    grid-column: span 6;
}
.Features__items-3__d734b .Features__featureItem__d734b:nth-child(1) {
    grid-column: span 12;
}
}
@media (min-width: 1300px) {
.Features__items-3__d734b .Features__featureItem__d734b {
    grid-column: span 4;
}
}
@media (min-width: 760px) and (max-width: 1299px) {
.Features__items-5__d734b .Features__featureItem__d734b {
    grid-column: span 6;
}
.Features__items-5__d734b .Features__featureItem__d734b:nth-child(1) {
    grid-column: span 12;
}
}
@media (min-width: 1300px) {
.Features__items-5__d734b .Features__featureItem__d734b {
    grid-column: span 4;
}
.Features__items-5__d734b .Features__featureItem__d734b:nth-child(1), .Features__items-5__d734b .Features__featureItem__d734b:nth-child(2) {
    grid-column: span 6;
}
}
@media (min-width: 760px) and (max-width: 1299px) {
.Features__items-6__d734b .Features__featureItem__d734b {
    grid-column: span 6;
}
}
@media (min-width: 1300px) {
.Features__items-6__d734b .Features__featureItem__d734b {
    grid-column: span 4;
}
}
@media (min-width: 760px) and (max-width: 1299px) {
.Features__items-7__d734b .Features__featureItem__d734b {
    grid-column: span 6;
}
.Features__items-7__d734b .Features__featureItem__d734b:nth-child(1) {
    grid-column: span 12;
}
}
@media (min-width: 1300px) {
.Features__items-7__d734b .Features__featureItem__d734b {
    grid-column: span 4;
}
.Features__items-7__d734b .Features__featureItem__d734b:nth-child(1), .Features__items-7__d734b .Features__featureItem__d734b:nth-child(2), .Features__items-7__d734b .Features__featureItem__d734b:nth-child(6), .Features__items-7__d734b .Features__featureItem__d734b:nth-child(7) {
    grid-column: span 6;
}
}
@media (min-width: 760px) and (max-width: 1299px) {
.Features__items-8__d734b .Features__featureItem__d734b {
    grid-column: span 6;
}
}
@media (min-width: 1300px) {
.Features__items-8__d734b .Features__featureItem__d734b {
    grid-column: span 4;
}
.Features__items-8__d734b .Features__featureItem__d734b:nth-child(4), .Features__items-8__d734b .Features__featureItem__d734b:nth-child(5) {
    grid-column: span 6;
}
}
@media (min-width: 760px) and (max-width: 1299px) {
.Features__items-9__d734b .Features__featureItem__d734b {
    grid-column: span 6;
}
.Features__items-9__d734b .Features__featureItem__d734b:nth-child(1) {
    grid-column: span 12;
}
}
@media (min-width: 1300px) {
.Features__items-9__d734b .Features__featureItem__d734b {
    grid-column: span 4;
}
}
@media (min-width: 760px) and (max-width: 1299px) {
.Features__items-10__d734b .Features__featureItem__d734b {
    grid-column: span 6;
}
}
@media (min-width: 1300px) {
.Features__items-10__d734b .Features__featureItem__d734b {
    grid-column: span 4;
}
.Features__items-10__d734b .Features__featureItem__d734b:nth-child(4), .Features__items-10__d734b .Features__featureItem__d734b:nth-child(5), .Features__items-10__d734b .Features__featureItem__d734b:nth-child(9), .Features__items-10__d734b .Features__featureItem__d734b:nth-child(10) {
    grid-column: span 6;
}
}
@media (min-width: 760px) and (max-width: 1299px) {
.Features__items-11__d734b .Features__featureItem__d734b {
    grid-column: span 6;
}
.Features__items-11__d734b .Features__featureItem__d734b:nth-child(1) {
    grid-column: span 12;
}
}
@media (min-width: 1300px) {
.Features__items-11__d734b .Features__featureItem__d734b {
    grid-column: span 4;
}
.Features__items-11__d734b .Features__featureItem__d734b:nth-child(4), .Features__items-11__d734b .Features__featureItem__d734b:nth-child(5) {
    grid-column: span 6;
}
}
@media (min-width: 760px) and (max-width: 1299px) {
.Features__items-12__d734b .Features__featureItem__d734b {
    grid-column: span 6;
}
}
@media (min-width: 1300px) {
.Features__items-12__d734b .Features__featureItem__d734b {
    grid-column: span 4;
}
}
.Features__modalImageBox__d734b {
  overflow: hidden;
  aspect-ratio: 21/9;
}
.Features__modalTextBox__d734b {
  margin-top: var(--pcom-spacing-medium);
}
.Features__modalText__d734b {
  margin-top: var(--pcom-spacing-x-small);
}.FinancialServices__root__2280e {
  padding-top: var(--pcom-module-space-large);
  padding-bottom: var(--pcom-module-space-large);
}
.FinancialServices__unloaded__2280e {
  min-height: 300px;
  box-sizing: content-box;
}.Hero__spacingBottom__72121 {
  padding-bottom: var(--pcom-spacing-large);
}
.Hero__root__72121 {
  --pcom-hero-aspect-ratio-desktop: 21 / 9;
  --pcom-hero-aspect-ratio-mobile: 1 / 1;
}
.Hero__root__72121.Hero__mode-video__72121 {
  aspect-ratio: 21/9;
}
.Hero__root__72121.Hero__mode-image__72121 {
  grid-template-rows: auto max-content;
}
.Hero__root__72121.Hero__mode-image__72121::after {
  content: "";
  grid-column: full-start/full-end;
  grid-row: 2/-1;
  z-index: 1;
  background: linear-gradient(to top, rgba(31, 31, 31, 0.9) 0%, rgba(31, 31, 31, 0.9) 20%, rgba(31, 31, 31, 0.852589) 26.67%, rgba(32, 32, 32, 0.768225) 33.33%, rgba(33, 33, 33, 0.668116) 40%, rgba(34, 34, 34, 0.557309) 46.67%, rgba(35, 35, 35, 0.442691) 53.33%, rgba(36, 36, 36, 0.331884) 60%, rgba(37, 37, 37, 0.231775) 66.67%, rgba(38, 38, 38, 0.147411) 73.33%, rgba(39, 39, 39, 0.0816599) 80%, rgba(39, 39, 39, 0.03551) 86.67%, rgba(39, 39, 39, 0.0086472) 93.33%, rgba(39, 39, 39, 0) 100%);
}
@media (min-width: 1920px) {
.Hero__root__72121.Hero__mode-image__72121 {
    background: var(--pcom-hero-blurred-background);
    background-size: cover;
    background-position: center;
}
}
.Hero__imageContainer__72121 {
  grid-row: 1/-1;
  z-index: 0;
}
.Hero__mode-image__72121 .Hero__imageContainer__72121 {
  aspect-ratio: var(--pcom-hero-aspect-ratio-mobile);
}
@media (min-width: 760px) {
.Hero__mode-image__72121 .Hero__imageContainer__72121 {
    aspect-ratio: var(--pcom-hero-aspect-ratio-desktop);
}
}
.Hero__textContainer__72121 {
  grid-row: 2/-1;
  z-index: 2;
  padding: var(--pcom-spacing-x-large) 0 var(--pcom-spacing-large);
  color: #fbfcff;
  align-self: end;
}.HeroLevelTwo__root__ea4a0 {
  background: #0e0e12;
  grid-template-rows: minmax(120px, 1fr) repeat(3, auto);
  grid-auto-rows: auto;
  row-gap: 0;
  padding-bottom: var(--pcom-spacing-xx-large);
  max-height: calc(100svh + var(--pcom-spacing-x-large));
  box-sizing: content-box;
  position: relative;
}
.HeroLevelTwo__root__ea4a0.HeroLevelTwo__hasDisclaimer__ea4a0 {
  max-height: calc(100svh - var(--pcom-spacing-x-small));
}
.HeroLevelTwo__root__ea4a0.HeroLevelTwo__hasVideo__ea4a0:not(.HeroLevelTwo__hasDisclaimer__ea4a0) {
  max-height: calc(100svh - var(--pcom-spacing-x-large));
}
@media (min-width: 760px) {
.HeroLevelTwo__root__ea4a0.HeroLevelTwo__hasVideo__ea4a0:not(.HeroLevelTwo__hasDisclaimer__ea4a0) {
    max-height: calc(100svh - var(--pcom-spacing-medium));
}
}
.HeroLevelTwo__root__ea4a0::after {
  content: "";
  z-index: 1;
  grid-column: 1/-1;
  grid-row: 2/4;
  background: linear-gradient(to top, #0e0e12 0%, rgba(14, 14, 18, 0.987) 8.1%, rgba(14, 14, 18, 0.951) 15.5%, rgba(14, 14, 18, 0.896) 22.5%, rgba(14, 14, 18, 0.825) 29%, rgba(14, 14, 18, 0.741) 35.3%, rgba(14, 14, 18, 0.648) 41.2%, rgba(14, 14, 18, 0.55) 47.1%, rgba(14, 14, 18, 0.45) 52.9%, rgba(14, 14, 18, 0.352) 58.8%, rgba(14, 14, 18, 0.259) 64.7%, rgba(14, 14, 18, 0.175) 71%, rgba(14, 14, 18, 0.104) 77.5%, rgba(14, 14, 18, 0.049) 84.5%, rgba(14, 14, 18, 0.013) 91.9%, rgba(14, 14, 18, 0) 100%);
}
@media screen and (min-width: 2560px) {
.HeroLevelTwo__root__ea4a0::before {
    content: "";
    z-index: 1;
    grid-column: 1/-1;
    grid-row: 1/4;
    background: linear-gradient(90deg, #0e0e12 0%, rgba(14, 14, 18, 0.987) 8.1%, rgba(14, 14, 18, 0.951) 15.5%, rgba(14, 14, 18, 0.896) 22.5%, rgba(14, 14, 18, 0.825) 29%, rgba(14, 14, 18, 0.741) 35.3%, rgba(14, 14, 18, 0.648) 41.2%, rgba(14, 14, 18, 0.55) 47.1%, rgba(14, 14, 18, 0.45) 52.9%, rgba(14, 14, 18, 0.352) 58.8%, rgba(14, 14, 18, 0.259) 64.7%, rgba(14, 14, 18, 0.175) 71%, rgba(14, 14, 18, 0.104) 77.5%, rgba(14, 14, 18, 0.049) 84.5%, rgba(14, 14, 18, 0.013) 91.9%, rgba(14, 14, 18, 0) 100%) top left no-repeat, linear-gradient(270deg, #0e0e12 0%, rgba(14, 14, 18, 0.987) 8.1%, rgba(14, 14, 18, 0.951) 15.5%, rgba(14, 14, 18, 0.896) 22.5%, rgba(14, 14, 18, 0.825) 29%, rgba(14, 14, 18, 0.741) 35.3%, rgba(14, 14, 18, 0.648) 41.2%, rgba(14, 14, 18, 0.55) 47.1%, rgba(14, 14, 18, 0.45) 52.9%, rgba(14, 14, 18, 0.352) 58.8%, rgba(14, 14, 18, 0.259) 64.7%, rgba(14, 14, 18, 0.175) 71%, rgba(14, 14, 18, 0.104) 77.5%, rgba(14, 14, 18, 0.049) 84.5%, rgba(14, 14, 18, 0.013) 91.9%, rgba(14, 14, 18, 0) 100%) top right no-repeat;
    background-size: 20%;
}
}
.HeroLevelTwo__heading__ea4a0 {
  grid-column: basic;
  grid-row: 2/3;
  z-index: 2;
  max-width: 20ch;
  padding-top: var(--pcom-spacing-x-large);
}
.HeroLevelTwo__root__ea4a0 .HeroLevelTwo__heading__ea4a0 {
  color: var(--pcom-hero-level-two-highlight-color, #fbfcff);
}
.HeroLevelTwo__align-center__ea4a0 .HeroLevelTwo__heading__ea4a0 {
  place-self: center;
}
.HeroLevelTwo__align-start__ea4a0 .HeroLevelTwo__heading__ea4a0 {
  place-self: start;
}
.HeroLevelTwo__shared-copy-styles__ea4a0 {
  grid-column: basic;
}
.HeroLevelTwo__align-center__ea4a0 .HeroLevelTwo__shared-copy-styles__ea4a0 {
  place-self: center;
}
.HeroLevelTwo__align-start__ea4a0 .HeroLevelTwo__shared-copy-styles__ea4a0 {
  place-self: start;
}
.HeroLevelTwo__description__ea4a0 {
  grid-row: 3/5;
  z-index: 2;
  padding-top: var(--pcom-spacing-medium);
  max-width: 67ch;
}
.HeroLevelTwo__disclaimer__ea4a0 {
  padding-top: var(--pcom-spacing-medium);
  max-width: 120ch;
}
.HeroLevelTwo__hasVideo__ea4a0 .HeroLevelTwo__disclaimer__ea4a0 {
  padding-top: var(--pcom-spacing-x-large);
}
@media (min-width: 760px) {
.HeroLevelTwo__hasVideo__ea4a0 .HeroLevelTwo__disclaimer__ea4a0 {
    padding-top: var(--pcom-spacing-medium);
}
}
.HeroLevelTwo__mediaContainer__ea4a0 {
  grid-column: 1/-1;
  grid-row: 1/4;
  z-index: 0;
  aspect-ratio: 3/4;
  place-self: stretch;
}
@media (min-width: 760px) {
.HeroLevelTwo__mediaContainer__ea4a0 {
    aspect-ratio: 1/1;
}
}
@media (min-width: 1000px) {
.HeroLevelTwo__mediaContainer__ea4a0 {
    aspect-ratio: 16/9;
}
}
@media (min-width: 1920px) {
.HeroLevelTwo__mediaContainer__ea4a0 {
    aspect-ratio: 18/9;
}
}
.HeroLevelTwo__videoButton__ea4a0 {
  position: absolute;
  right: 0;
  top: calc(100% + (var(--pcom-spacing-x-large) - 28px) / 2);
  line-height: 0;
  grid-column: span 2/-2;
  grid-row: span 1/-1;
  z-index: 3;
  place-self: end;
  min-height: 28px;
  opacity: 0.5;
}
@media (min-width: 760px) {
.HeroLevelTwo__videoButton__ea4a0 {
    min-height: 54px;
    top: unset;
    bottom: 0;
}
}:root {
  --pcom-expected-p-link-height: 54px;
  --pcom-cta-padding-top: var(--pcom-spacing-medium);
  --pcom-expected-cta-block-height: calc(
    var(--pcom-cta-padding-top) + var(--pcom-expected-p-link-height)
  );
}
.HomeStageMain__root__0c455 {
  position: relative;
  min-height: 100vh;
  scale: 1;
  grid-template-rows: auto [headline-block] max-content [cta-block] minmax(var(--pcom-expected-cta-block-height), max-content) [scroll-indicator-block] max-content [bottom-spacing] var(--pcom-spacing-medium);
}
@supports (height: 100svh) {
.HomeStageMain__root__0c455 {
    min-height: 100svh;
}
}
.HomeStageMain__root__0c455.HomeStageMain__noRowGap__0c455 {
  row-gap: 0;
}
.HomeStageMain__root__0c455.HomeStageMain__hasDisclaimer__0c455 {
  grid-template-rows: auto [headline-block] max-content [cta-block] minmax(var(--pcom-expected-cta-block-height), max-content) [scroll-indicator-block] max-content [disclaimer-block] max-content [bottom-spacing] var(--pcom-spacing-medium);
}
@media (max-width: 759px) {
.HomeStageMain__root__0c455.HomeStageMain__hasDisclaimer__0c455 {
    grid-template-rows: auto [headline-block] max-content [cta-block] minmax(var(--pcom-expected-cta-block-height), max-content) [disclaimer-block] max-content [scroll-indicator-block] max-content [bottom-spacing] var(--pcom-spacing-medium);
}
}
.HomeStageMain__root__0c455::after {
  content: "";
  z-index: 2;
  background: linear-gradient(to top, rgba(31, 31, 31, 0.9) 0%, rgba(31, 31, 31, 0.9) 20%, rgba(31, 31, 31, 0.852589) 26.67%, rgba(32, 32, 32, 0.768225) 33.33%, rgba(33, 33, 33, 0.668116) 40%, rgba(34, 34, 34, 0.557309) 46.67%, rgba(35, 35, 35, 0.442691) 53.33%, rgba(36, 36, 36, 0.331884) 60%, rgba(37, 37, 37, 0.231775) 66.67%, rgba(38, 38, 38, 0.147411) 73.33%, rgba(39, 39, 39, 0.0816599) 80%, rgba(39, 39, 39, 0.03551) 86.67%, rgba(39, 39, 39, 0.0086472) 93.33%, rgba(39, 39, 39, 0) 100%);
  grid-column: full-start/full-end;
  grid-row: headline-block/-1;
}
@media (min-width: 760px) {
.HomeStageMain__root__0c455.HomeStageMain__hasVideo__0c455::after {
    grid-row: cta-block/-1;
}
}
.HomeStageMain__clickableArea__0c455::after {
  cursor: pointer;
  content: "";
  position: fixed;
  inset: 0;
}
.HomeStageMain__mediaWrapper__0c455 {
  grid-row: 1/-1;
  grid-column: full-start/full-end;
}
.HomeStageMain__imageWrapper__0c455 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.HomeStageMain__imageWrapper__0c455 .HomeStageMain__imageWrapperCover__0c455 {
  position: absolute;
  inset: 0;
}
.HomeStageMain__headlineWrapper__0c455,
.HomeStageMain__ctaWrapper__0c455 {
  z-index: 3;
  grid-column: extended-start/var(--pds-grid-extended-span-one-half);
}
@media (max-width: 999px) {
.HomeStageMain__headlineWrapper__0c455,
  .HomeStageMain__ctaWrapper__0c455 {
    grid-column: extended-start/extended-end;
}
}
.HomeStageMain__headlineWrapper__0c455 {
  grid-row: headline-block;
  padding-top: var(--pcom-spacing-xx-large);
}
@media (min-width: 1000px) {
.HomeStageMain__headlineWrapper__0c455 {
    padding-top: var(--pcom-spacing-large);
}
}
.HomeStageMain__ctaWrapper__0c455 {
  grid-row: cta-block;
  padding-top: var(--pcom-cta-padding-top);
}
@media (max-width: 759px) {
.HomeStageMain__ctaWrapper__0c455 .HomeStageMain__ctaButton__0c455 {
    width: 100%;
}
}
.HomeStageMain__disclaimerWrapper__0c455 {
  grid-row: disclaimer-block;
  padding-top: var(--pcom-spacing-medium);
  z-index: 3;
}
.HomeStageMain__disclaimerWrapper__0c455 .HomeStageMain__disclaimer__0c455 {
  text-align: center;
}
.HomeStageMain__scrollIndicatorWrapper__0c455 {
  position: relative;
  grid-row: scroll-indicator-block;
  z-index: 3;
  padding-top: var(--pcom-spacing-medium);
  justify-self: center;
  cursor: pointer;
}
@media (max-width: 999px) {
.HomeStageMain__scrollIndicatorWrapper__0c455 {
    padding-top: var(--pcom-spacing-large);
}
}
.HomeStageMain__pauseButtonWrapper__0c455 {
  grid-column: span 1/wide-end;
  grid-row: -3/-2;
  z-index: 3;
  place-self: end end;
}.HomeStageTile__cardImg__12b1a {
  cursor: pointer;
}.HomeStage__root__d5fe6 {
  padding-bottom: var(--pcom-spacing-large);
}
.HomeStage__stageTilesSection__d5fe6 {
  margin-top: var(--pcom-spacing-x-large);
  row-gap: var(--pcom-spacing-medium);
}
@media (min-width: 1000px) {
.HomeStage__stageTilesSection__d5fe6 .HomeStage__tile__d5fe6:first-child {
    grid-column: basic-start/var(--pds-grid-basic-span-one-third);
}
.HomeStage__stageTilesSection__d5fe6 .HomeStage__tile__d5fe6:nth-child(2) {
    grid-column: var(--pds-grid-basic-span-one-third);
}
.HomeStage__stageTilesSection__d5fe6 .HomeStage__tile__d5fe6:nth-child(3) {
    grid-column: var(--pds-grid-basic-span-one-third);
}
}.StageScaleAnimation__zoomEffect__c3c1a {
  overflow: hidden;
  scale: var(--pcom-scale);
  transition: scale 0.1s linear;
}
.StageScaleAnimation__zoomEffect__c3c1a img {
  scale: var(--pcom-image-scale);
  transition: scale 0.1s linear;
}.PersonalizedStage__root__6befd {
  height: 100vh;
  position: relative;
  grid-template-rows: auto [headline-block] max-content [subline-block] max-content [portal-items-block] max-content [disclaimer-block] max-content;
  row-gap: 0;
}
@supports (height: 100svh) {
.PersonalizedStage__root__6befd {
    height: 100svh;
}
}
.PersonalizedStage__root__6befd::after {
  content: "";
  z-index: 2;
  background: linear-gradient(to top, rgba(31, 31, 31, 0.9) 0%, rgba(31, 31, 31, 0.9) 20%, rgba(31, 31, 31, 0.852589) 26.67%, rgba(32, 32, 32, 0.768225) 33.33%, rgba(33, 33, 33, 0.668116) 40%, rgba(34, 34, 34, 0.557309) 46.67%, rgba(35, 35, 35, 0.442691) 53.33%, rgba(36, 36, 36, 0.331884) 60%, rgba(37, 37, 37, 0.231775) 66.67%, rgba(38, 38, 38, 0.147411) 73.33%, rgba(39, 39, 39, 0.0816599) 80%, rgba(39, 39, 39, 0.03551) 86.67%, rgba(39, 39, 39, 0.0086472) 93.33%, rgba(39, 39, 39, 0) 100%);
  grid-column: full-start/full-end;
  grid-row: headline-block/-1;
}
.PersonalizedStage__mediaWrapper__6befd {
  grid-row: 1/-1;
  position: relative;
}
.PersonalizedStage__imageWrapper__6befd {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.PersonalizedStage__headlineWrapper__6befd {
  z-index: 3;
  grid-row: headline-block;
  padding-top: var(--pcom-spacing-xx-large);
}
@media (min-width: 1000px) {
.PersonalizedStage__headlineWrapper__6befd {
    padding-top: var(--pcom-spacing-large);
}
}
.PersonalizedStage__sublineWrapper__6befd {
  z-index: 3;
  grid-row: subline-block;
}
.PersonalizedStage__portalItemsWrapper__6befd {
  z-index: 3;
  grid-row: portal-items-block;
  padding-top: var(--pcom-spacing-medium);
}
.PersonalizedStage__portalItemsWrapper__6befd .PersonalizedStage__portalItem__6befd {
  padding-bottom: var(--pcom-spacing-medium);
  width: 100%;
}
.PersonalizedStage__portalItemsWrapper__6befd .PersonalizedStage__portalItem__6befd:last-child {
  padding-top: 0;
}
@media (min-width: 760px) {
.PersonalizedStage__portalItemsWrapper__6befd .PersonalizedStage__portalItem__6befd {
    margin-right: var(--pcom-spacing-small);
    width: auto;
}
}
.PersonalizedStage__disclaimerWrapper__6befd {
  grid-row: disclaimer-block;
  padding-top: var(--pcom-spacing-medium);
  padding-bottom: var(--pcom-spacing-medium);
  z-index: 3;
}
.PersonalizedStage__disclaimerWrapper__6befd .PersonalizedStage__disclaimer__6befd {
  text-align: center;
}
.PersonalizedStage__noHyphens__6befd {
  hyphens: none;
}.IconNavigation__root__acc97 {
  padding-bottom: var(--pcom-spacing-large);
}
.IconNavigation__theme-dark__acc97 {
  background-color: #0e0e12;
}
.IconNavigation__iconContainer__acc97 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(16px, 1.25vw + 12px, 36px);
}.InfoSliderContentContainer__root__1c06f {
  min-height: 30vw;
  position: relative;
  /* Fix the annoying uc-data-consent boi so it will not cover the slider tiles */
}
.InfoSliderContentContainer__root__1c06f .uc-data-consent {
  z-index: 1;
}
.InfoSliderContentContainer__contentContainer__1c06f {
  flex-grow: 1;
  border-radius: 12px;
  overflow: hidden;
}.InfoSliderSlide__root__18c9e {
  display: block;
  height: 100%;
  cursor: pointer;
  transition: transform var(--pcom-motion-duration-short);
  padding: var(--pcom-spacing-medium);
  border-radius: 12px;
}
@media (min-width: 760px) {
.InfoSliderSlide__root__18c9e.InfoSliderSlide__isActive__18c9e {
    background: #eeeff2;
}
}
.InfoSliderSlide__text__18c9e {
  margin-top: var(--pcom-spacing-x-small);
}.InfoSlider__root__1e007 {
  padding-bottom: var(--pcom-spacing-large);
}
.InfoSlider__grid__1e007 {
  row-gap: var(--pcom-spacing-small);
  margin-top: calc(var(--pcom-spacing-large) * -1 + var(--pcom-spacing-medium));
}
.InfoSlider__controls__1e007 {
  grid-column: span 5/extended-end;
  display: flex;
  justify-content: flex-end;
  gap: 4px;
  height: -moz-fit-content;
  height: fit-content;
  margin-bottom: var(--pcom-spacing-small);
}
.InfoSlider__button__1e007 {
  padding: 8px;
}.InstaServiceLinkSharing__root__422bd {
  padding-bottom: var(--pcom-spacing-large);
}.InstaServiceProviderDetails__root__8646c {
  padding-bottom: var(--pcom-spacing-large);
  row-gap: 0;
}
.InstaServiceProviderDetails__download__8646c {
  grid-column: narrow-start/narrow-end;
  margin-top: var(--pcom-spacing-medium);
  grid-row: 2;
}
.InstaServiceProviderDetails__card__8646c {
  background-color: #eeeff2;
  border-radius: 8px;
  padding: var(--pcom-spacing-medium);
  display: flex;
  flex-flow: column;
}
.InstaServiceProviderDetails__cardTitle__8646c {
  margin-bottom: var(--pcom-spacing-medium);
}
.InstaServiceProviderDetails__addressInfo__8646c {
  display: grid;
  justify-content: center;
  gap: calc(clamp(16px, 1.25vw + 12px, 36px) / 2);
}.InstaServiceProviderEntry__root__f86d8 {
  display: flex;
  flex-direction: column;
  gap: var(--pcom-spacing-small);
  padding: var(--pcom-spacing-medium) var(--pcom-spacing-large);
  border-radius: 8px;
}
.InstaServiceProviderEntry__links__f86d8 {
  display: flex;
  flex-direction: column;
  gap: var(--pcom-spacing-medium);
  margin-top: var(--pcom-spacing-medium);
}
@media (min-width: 760px) {
.InstaServiceProviderEntry__links__f86d8 {
    flex-direction: row;
}
}.InstaServiceProviderOverview__root__2adcc {
  display: contents;
}
.InstaServiceProviderOverview__providerContainer__2adcc {
  padding-bottom: var(--pcom-spacing-large);
  row-gap: 0;
}
.InstaServiceProviderOverview__providerContainer__2adcc > :nth-child(odd) {
  background-color: #eeeff2;
}
.InstaServiceProviderOverview__providerContainer__2adcc > :nth-child(even) {
  background-color: #fff;
}.IntraPageNavigationBar__root__21d29 {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 16px 0;
  z-index: 100;
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.16);
}
.IntraPageNavigationBar__progressBar__21d29 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  overflow: hidden;
}
.IntraPageNavigationBar__progressBarIndicator__21d29 {
  background: #010205;
  position: absolute;
  height: 100%;
  width: 100%;
  left: -100%;
  top: 0;
}
.IntraPageNavigationBar__introWrapper__21d29 {
  grid-column: wide-start/7;
  display: flex;
  align-items: center;
}
@media (min-width: 480px) {
.IntraPageNavigationBar__introWrapper__21d29 {
    grid-column: wide-start/6;
}
}
@media (min-width: 760px) {
.IntraPageNavigationBar__introWrapper__21d29 {
    grid-column: wide-start/12;
}
}
@media (min-width: 1000px) {
.IntraPageNavigationBar__introWrapper__21d29 {
    grid-column-end: 10;
}
}
.IntraPageNavigationBar__ctaWrapper__21d29 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  grid-column: 7/wide-end;
}
@media (min-width: 760px) {
.IntraPageNavigationBar__ctaWrapper__21d29 {
    grid-column: 12/wide-end;
}
}
@media (min-width: 1000px) {
.IntraPageNavigationBar__ctaWrapper__21d29 {
    grid-column-start: 10;
}
}
.IntraPageNavigationBar__ctaButton__21d29 {
  display: none;
  margin-left: var(--pcom-spacing-medium);
  white-space: nowrap;
}
.IntraPageNavigationBar__ctaButton__21d29:first-child {
  margin-left: 0;
}
@media (min-width: 760px) {
.IntraPageNavigationBar__ctaButton__21d29:nth-child(1) {
    display: inline-block;
}
}
@media (min-width: 1000px) {
.IntraPageNavigationBar__ctaButton__21d29 {
    display: inline-block;
}
}
.IntraPageNavigationBar__menuButton__21d29 {
  margin-left: var(--pcom-spacing-medium);
}
@media (min-width: 760px) {
.IntraPageNavigationBar__menuButton__21d29:nth-child(-n+2) {
    display: none;
}
}
@media (min-width: 1000px) {
.IntraPageNavigationBar__menuButton__21d29 {
    display: none;
}
}
.IntraPageNavigationBar__title__21d29 {
  font: normal normal 600 1rem/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}
@media (min-width: 760px) {
.IntraPageNavigationBar__title__21d29 {
    margin-right: calc(var(--pcom-spacing-medium) * 2);
    font: normal normal 600 clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}
}
@media (max-width: 759px) {
.IntraPageNavigationBar__title__21d29:has(+ .IntraPageNavigationBar__changeButton__21d29) {
    display: none;
}
}
@media (max-width: 759px) {
.IntraPageNavigationBar__changeButtonLabel__21d29 {
    font: normal normal 600 1rem/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}
}

/* Animations */
.intra-page-navigation-bar-slide-in-enter-active {
  animation: IntraPageNavigationBar__slideIn__21d29 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
}
.intra-page-navigation-bar-slide-in-leave-active {
  animation: IntraPageNavigationBar__slideIn__21d29 0.6s cubic-bezier(0.23, 1, 0.32, 1) both reverse;
}
@keyframes IntraPageNavigationBar__slideIn__21d29 {
0% {
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
}
100% {
    transform: translateY(0);
    opacity: 1;
}
}.IntraPageNavigationOverlayer__root__0a55a {
  position: fixed;
  inset: 0;
  overflow: auto;
  transform-origin: top;
  z-index: 100;
}
.IntraPageNavigationOverlayer__contentWrapper__0a55a {
  margin: 0 var(--pds-internal-grid-margin, 0);
  display: grid;
  padding: 0 calc(50% - var(--pds-internal-grid-margin, 0px) - 1280px);
  grid-gap: clamp(16px, 1.25vw + 12px, 36px);
  max-width: var(--pds-internal-grid-width-max, 2560px);
  min-width: var(--pds-internal-grid-width-min, 320px);
  box-sizing: content-box;
  grid-template-columns: [full-start] minmax(0, var(--pds-internal-grid-outer-column, calc(var(--pds-internal-grid-safe-zone) - clamp(16px, 1.25vw + 12px, 36px)))) [wide-start extended-start basic-start narrow-start] repeat(6, minmax(0, 1fr)) [narrow-end basic-end extended-end wide-end] minmax(0, var(--pds-internal-grid-outer-column, calc(var(--pds-internal-grid-safe-zone) - clamp(16px, 1.25vw + 12px, 36px)))) [full-end];
  --pds-internal-grid-safe-zone: max(22px, 10.625vw - 12px);
  --pds-grid-basic-span-one-half: span 3;
  --pds-grid-basic-span-one-third: span 2;
  --pds-grid-narrow-span-one-half: span 3;
  --pds-grid-basic-span-two-thirds: span 4;
  --pds-grid-extended-span-one-half: span 3;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16);
  padding: var(--pcom-spacing-x-large) 0;
  background: #fff;
}
@media (min-width: 760px) {
.IntraPageNavigationOverlayer__contentWrapper__0a55a {
    grid-template-columns: [full-start] minmax(0, var(--pds-internal-grid-outer-column, calc(var(--pds-internal-grid-safe-zone) - clamp(16px, 1.25vw + 12px, 36px)))) [wide-start] minmax(0, 1fr) [extended-start] minmax(0, 1fr) [basic-start] repeat(2, minmax(0, 1fr)) [narrow-start] repeat(8, minmax(0, 1fr)) [narrow-end] repeat(2, minmax(0, 1fr)) [basic-end] minmax(0, 1fr) [extended-end] minmax(0, 1fr) [wide-end] minmax(0, var(--pds-internal-grid-outer-column, calc(var(--pds-internal-grid-safe-zone) - clamp(16px, 1.25vw + 12px, 36px)))) [full-end];
    --pds-internal-grid-safe-zone: calc(5vw - 16px);
    --pds-grid-basic-span-one-half: span 6;
    --pds-grid-basic-span-one-third: span 4;
    --pds-grid-narrow-span-one-half: span 4;
    --pds-grid-basic-span-two-thirds: span 8;
    --pds-grid-extended-span-one-half: span 7;
}
}
@media (min-width: 1920px) {
.IntraPageNavigationOverlayer__contentWrapper__0a55a {
    --pds-internal-grid-safe-zone: min(50vw - 880px, 400px);
}
}
.IntraPageNavigationOverlayer__closeButton__0a55a {
  position: absolute;
  top: 16px;
  right: 16px;
}
.IntraPageNavigationOverlayer__sublineWrapper__0a55a {
  margin-bottom: var(--pcom-spacing-large);
}
@media (min-width: 760px) {
.IntraPageNavigationOverlayer__sublineWrapper__0a55a {
    margin-bottom: var(--pcom-spacing-medium);
}
}
.IntraPageNavigationOverlayer__firstColumn__0a55a {
  grid-column: extended-start/extended-end;
}
@media (min-width: 760px) {
.IntraPageNavigationOverlayer__firstColumn__0a55a {
    grid-column: extended-start/8;
}
}
@media (max-width: 759px) {
.IntraPageNavigationOverlayer__firstColumn__0a55a > .IntraPageNavigationOverlayer__sublineWrapper__0a55a {
    display: none;
}
}
.IntraPageNavigationOverlayer__secondColumn__0a55a {
  padding: var(--pcom-spacing-x-large) 0 0;
  grid-column: extended-start/extended-end;
}
@media (min-width: 760px) {
.IntraPageNavigationOverlayer__secondColumn__0a55a {
    grid-column: 8/extended-end;
    padding: 0 0 0 var(--pcom-spacing-xx-large);
}
}
.IntraPageNavigationOverlayer__changeButtonWrapper__0a55a {
  display: flex;
  align-items: stretch;
  margin-top: var(--pcom-spacing-large);
}
@media (max-width: 759px) {
.IntraPageNavigationOverlayer__changeButtonWrapper__0a55a {
    flex-direction: column;
}
}
.IntraPageNavigationOverlayer__ctaWrapper__0a55a {
  display: flex;
  flex-direction: column;
}
.IntraPageNavigationOverlayer__ctaWrapper__0a55a > .IntraPageNavigationOverlayer__ctaButton__0a55a {
  margin-bottom: var(--pcom-spacing-medium);
  width: -moz-fit-content;
  width: fit-content;
}
.IntraPageNavigationOverlayer__ctaWrapper__0a55a > .IntraPageNavigationOverlayer__ctaButton__0a55a:last-of-type {
  margin-bottom: 0;
}

/* Animations */
.intra-page-navigation-overlayer-slide-in-top-enter-active {
  animation: IntraPageNavigationOverlayer__slideIn__0a55a 0.4s ease both;
}
.intra-page-navigation-overlayer-slide-in-top-leave-active {
  animation: IntraPageNavigationOverlayer__slideIn__0a55a 0.4s ease both reverse;
}
@keyframes IntraPageNavigationOverlayer__slideIn__0a55a {
0% {
    transform: translateY(-100%);
}
100% {
    transform: translateY(0);
}
}.JobSearch__root__dfd44 {
  grid-template-rows: auto max-content;
  padding-bottom: var(--pcom-spacing-xx-large);
}
.JobSearch__searchFormContainer__dfd44 {
  grid-column: narrow-start/narrow-end;
}
@media (min-width: 760px) and (max-width: 999px) {
.JobSearch__searchFormContainer__dfd44 {
    grid-column: basic-start/basic-end;
}
}
.JobSearch__searchForm__dfd44 {
  display: grid;
}
@media (min-width: 760px) {
.JobSearch__searchForm__dfd44 {
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(4, 0fr);
}
}
.JobSearch__inputWrapper__dfd44 {
  grid-area: 1/1/2/9;
}
@media (min-width: 760px) {
.JobSearch__inputWrapper__dfd44 {
    grid-area: 1/1/2/7;
}
}
.JobSearch__suggestionsContainer__dfd44 {
  z-index: 200;
  background-color: #fff;
  margin-top: -7px;
  grid-area: 2/1/4/9;
}
@media (min-width: 760px) {
.JobSearch__suggestionsContainer__dfd44 {
    margin-top: -5px;
    grid-area: 2/1/2/7;
    position: static;
}
}
.JobSearch__suggestions__dfd44 {
  list-style: none;
  padding: 16px 16px;
  border: 2px solid #010205;
  border-radius: 0 0 8px 8px;
  margin: 0;
}
.JobSearch__suggestionButton__dfd44 {
  width: 100%;
}
.JobSearch__submitButton__dfd44 {
  margin-top: clamp(16px, 1.25vw + 12px, 36px);
  width: 100%;
  grid-area: 3/1/3/9;
}
@media (min-width: 760px) {
.JobSearch__submitButton__dfd44 {
    margin-top: 0;
    margin-left: 16px;
    grid-area: 1/7/1/10;
    height: -moz-fit-content;
    height: fit-content;
    width: auto;
}
}.LinkList__root__8bd80 {
  padding-bottom: var(--pcom-spacing-large);
}
.LinkList__root__8bd80.LinkList__theme-dark__8bd80 {
  background-color: #0e0e12;
}
.LinkList__itemsContainer__8bd80 {
  display: grid;
  gap: var(--pcom-spacing-medium);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column: basic-start/basic-end;
}
@media (min-width: 1000px) {
.LinkList__itemsContainer__8bd80 {
    grid-column: 5/span 10;
}
}
.LinkList__item__8bd80 {
  grid-column: span 4;
}
@media (min-width: 1000px) {
.LinkList__item__8bd80 {
    grid-column: span 2;
}
.LinkList__single-item__8bd80 .LinkList__item__8bd80 {
    grid-column: 2/span 2;
}
}.ModelIntroCta__button__7307f {
  -webkit-appearance: auto;
}.ModelIntro__pdsSignature__f558f {
  /* stylelint-disable custom-property-pattern -- override the model signature from pds */
  --p-model-signature-color: rgb(var(--pcom-model-intro-highlight-color));
  /* stylelint-enable custom-property-pattern */
  height: var(--pcom-model-intro-signature-height);
}
.ModelIntro__pdsSignature__f558f:not(.hydrated) {
  vertical-align: top;
  display: inline-block;
}
.ModelIntro__root__f558f {
  --pcom-model-intro-tabs-row-height: 36px;
  --pcom-model-intro-button-height: 54px;
  --pcom-model-intro-buttons-row-height: calc(
    var(--pcom-model-intro-button-count) * var(--pcom-model-intro-button-height) +
      var(--pcom-spacing-small) * (var(--pcom-model-intro-button-count) - 1)
  );
  --pcom-model-intro-grid-basic-offset: max(22px, 10.625vw - 12px);
  --pcom-model-intro-grid-wide-offset: max(22px, 10.625vw - 12px);
  --pcom-model-intro-theme-background: transparent;
  --pcom-model-intro-theme-color: #010205;
  --pcom-model-intro-signature-overlap: 0.46;
  --pcom-model-intro-signature-max-width: calc(
    100vw - var(--pcom-model-intro-grid-basic-offset, 0) * 2
  );
  --pcom-model-intro-signature-height: clamp(
    40px,
    var(--pcom-model-intro-signature-max-width) * 0.145,
    190px
  );
  --pcom-model-intro-snd-row-height: calc(
    var(--pcom-model-intro-signature-height) * var(--pcom-model-intro-signature-overlap)
  );
  --pcom-model-intro-gradient-up: linear-gradient(
    to top,
    #1f1f1f 0%,
    rgba(31 31 31 / 0.9) 0.01%,
    rgba(31 31 31 / 0.9) 11.28%,
    rgba(31 31 31 / 0.852589) 20.64%,
    rgba(32 32 32 / 0.76) 31.34%,
    rgba(33 33 33 / 0.66) 40%,
    rgba(34 34 34 / 0.55) 46.67%,
    rgba(35 35 35 / 0.44) 53.33%,
    rgba(36 36 36 / 0.33) 60%,
    rgba(37 37 37 / 0.23) 66.67%,
    rgba(38 38 38 / 0.14) 73.33%,
    rgba(31 31 31 / 0.08) 80%,
    rgba(31 31 31 / 0.03) 86.67%,
    rgba(31 31 31 / 0.01) 93.33%,
    rgba(31 31 31 / 0) 100%
  );
  display: grid;
  grid-template-columns: var(--pcom-model-intro-grid-basic-offset) [basic] auto [basic] var(--pcom-model-intro-grid-basic-offset);
  grid-template-rows: minmax(0, auto) var(--pcom-model-intro-snd-row-height) minmax(0, 2fr) minmax(0, 1fr) minmax(0, auto);
  row-gap: 0;
  place-items: center;
  padding-top: var(--pcom-spacing-x-large);
  padding-bottom: var(--pcom-spacing-x-large);
  background-color: var(--pcom-model-intro-theme-background);
  color: var(--pcom-model-intro-theme-color);
  min-width: 320px;
}
@media (min-width: 760px) {
.ModelIntro__root__f558f {
    --pcom-model-intro-signature-height: clamp(78px, 10.2vw, 195px);
    --pcom-model-intro-grid-basic-offset: calc(5vw - 16px + (clamp(16px, 1.25vw + 12px, 36px) + (100vw - (5vw - 16px) * 2 - clamp(16px, 1.25vw + 12px, 36px) * 15) / 16) * 2);
    --pcom-model-intro-grid-wide-offset: calc(5vw - 16px);
}
}
@media (min-width: 1000px) {
.ModelIntro__root__f558f {
    --pcom-model-intro-buttons-row-height: var(--pcom-model-intro-button-height);
}
}
@media (min-width: 1920px) {
.ModelIntro__root__f558f {
    --pcom-model-intro-grid-basic-offset: calc(max(0px, 50vw - 1280px) + min(50vw - 880px, 400px) + (clamp(16px, 1.25vw + 12px, 36px) + (min(100vw, 2560px) - min(50vw - 880px, 400px) * 2 - clamp(16px, 1.25vw + 12px, 36px) * 15) / 16) * 2);
    --pcom-model-intro-grid-wide-offset: calc(max(0px, 50vw - 1280px) + min(50vw - 880px, 400px));
}
}
.ModelIntro__root__f558f.ModelIntro__theme-dark__f558f {
  --pcom-model-intro-theme-background: #0e0e12;
  --pcom-model-intro-theme-color: #fbfcff;
}
.ModelIntro__root__f558f.ModelIntro__signature-taycan__f558f {
  --pcom-model-intro-signature-overlap: 0.28;
  --pcom-model-intro-signature-height: clamp(
    40px,
    var(--pcom-model-intro-signature-max-width) * 0.1449275362,
    190px
  );
}
.ModelIntro__root__f558f.ModelIntro__signature-panamera__f558f {
  --pcom-model-intro-signature-overlap: 0.15;
  --pcom-model-intro-signature-height: clamp(
    20px,
    var(--pcom-model-intro-signature-max-width) * 0.072,
    94px
  );
}
.ModelIntro__root__f558f.ModelIntro__signature-cayenne__f558f {
  --pcom-model-intro-signature-overlap: 0.3;
  --pcom-model-intro-signature-height: clamp(
    31px,
    var(--pcom-model-intro-signature-max-width) * 0.114,
    150px
  );
}
.ModelIntro__root__f558f.ModelIntro__signature-macan__f558f {
  --pcom-model-intro-signature-overlap: 0.19;
  --pcom-model-intro-signature-height: clamp(
    25px,
    var(--pcom-model-intro-signature-max-width) * 0.09,
    118px
  );
}
.ModelIntro__root__f558f.ModelIntro__signature-911__f558f {
  --pcom-model-intro-signature-overlap: 0.3;
  --pcom-model-intro-signature-height: clamp(
    35px,
    var(--pcom-model-intro-signature-max-width) * 0.129,
    170px
  );
}
.ModelIntro__root__f558f.ModelIntro__signature-718__f558f {
  --pcom-model-intro-signature-overlap: 0.27;
  --pcom-model-intro-signature-height: clamp(
    35px,
    var(--pcom-model-intro-signature-max-width) * 0.129,
    170px
  );
}
.ModelIntro__root__f558f.ModelIntro__signature-turbo__f558f {
  --pcom-model-intro-signature-overlap: 0.18;
  --pcom-model-intro-signature-height: clamp(
    32px,
    var(--pcom-model-intro-signature-max-width) * 0.115942029,
    150px
  );
}
.ModelIntro__root__f558f.ModelIntro__signature-turbo-s__f558f {
  --pcom-model-intro-signature-overlap: 0.2;
  --pcom-model-intro-signature-height: clamp(
    27px,
    var(--pcom-model-intro-signature-max-width) * 0.097826087,
    128px
  );
}
.ModelIntro__root__f558f.ModelIntro__signature-turbo-s__f558f .ModelIntro__pdsSignature__f558f {
  translate: 1.5% 0;
}
.ModelIntro__root__f558f.ModelIntro__hasVideo__f558f {
  grid-template-rows: repeat(2, var(--pcom-spacing-x-large)) minmax(0, auto) var(--pcom-model-intro-snd-row-height) minmax(0, 2fr) minmax(0, 1fr) minmax(0, auto);
  padding-top: unset;
}
.ModelIntro__animation-base__f558f {
  --pcom-model-intro-transform-duration: 0ms;
  --pcom-model-intro-opacity-duration: 0ms;
  --pcom-model-intro-transform-delay: 0ms;
  --pcom-model-intro-opacity-delay: 0ms;
  --pcom-model-intro-transform-timing: cubic-bezier(0.55, 0, 0.61, 1);
  --pcom-model-intro-opacity-timing: var(--pcom-model-intro-transform-timing);
  transition: opacity var(--pcom-model-intro-opacity-duration) var(--pcom-model-intro-opacity-timing) var(--pcom-model-intro-opacity-delay), transform var(--pcom-model-intro-transform-duration) var(--pcom-model-intro-transform-timing) var(--pcom-model-intro-transform-delay);
}
.ModelIntro__gradient__f558f {
  --pcom-model-intro-opacity-duration: var(--pcom-motion-duration-very-long);
  --pcom-model-intro-opacity-delay: 0ms;
  opacity: 0;
  grid-row: 1/-3;
  grid-column: 1/-1;
  place-self: stretch;
  background: linear-gradient(to top, rgb(var(--pcom-model-intro-highlight-color)) 0%, rgba(var(--pcom-model-intro-highlight-color)/0.987) 8.1%, rgba(var(--pcom-model-intro-highlight-color)/0.951) 15.5%, rgba(var(--pcom-model-intro-highlight-color)/0.896) 22.5%, rgba(var(--pcom-model-intro-highlight-color)/0.825) 29%, rgba(var(--pcom-model-intro-highlight-color)/0.741) 35.3%, rgba(var(--pcom-model-intro-highlight-color)/0.648) 41.2%, rgba(var(--pcom-model-intro-highlight-color)/0.55) 47.1%, rgba(var(--pcom-model-intro-highlight-color)/0.45) 52.9%, rgba(var(--pcom-model-intro-highlight-color)/0.352) 58.8%, rgba(var(--pcom-model-intro-highlight-color)/0.259) 64.7%, rgba(var(--pcom-model-intro-highlight-color)/0.175) 71%, rgba(var(--pcom-model-intro-highlight-color)/0.104) 77.5%, rgba(var(--pcom-model-intro-highlight-color)/0.049) 84.5%, rgba(var(--pcom-model-intro-highlight-color)/0.013) 91.9%, rgba(var(--pcom-model-intro-highlight-color)/0) 100%);
}
.ModelIntro__hasVideo__f558f .ModelIntro__gradient__f558f {
  grid-row: 3/-3;
  z-index: 2;
  mix-blend-mode: multiply;
  background: linear-gradient(to top, #0e0e12 0%, rgba(14, 14, 18, 0.987) 3.4%, rgba(14, 14, 18, 0.951) 7.9%, rgba(14, 14, 18, 0.896) 13.4%, rgba(14, 14, 18, 0.825) 19.7%, rgba(14, 14, 18, 0.741) 26.6%, rgba(14, 14, 18, 0.648) 34%, rgba(14, 14, 18, 0.55) 41.9%, rgba(14, 14, 18, 0.45) 49.9%, rgba(14, 14, 18, 0.352) 58%, rgba(14, 14, 18, 0.259) 66.1%, rgba(14, 14, 18, 0.175) 73.9%, rgba(14, 14, 18, 0.104) 81.3%, rgba(14, 14, 18, 0.049) 88.3%, rgba(14, 14, 18, 0.013) 94.5%, rgba(14, 14, 18, 0) 100%);
}
.ModelIntro__startAnimation__f558f .ModelIntro__gradient__f558f {
  opacity: 0.4;
}
.ModelIntro__startAnimation__f558f.ModelIntro__theme-dark__f558f .ModelIntro__gradient__f558f {
  opacity: 0.5;
}
.ModelIntro__hasVideo__f558f.ModelIntro__startAnimation__f558f .ModelIntro__gradient__f558f {
  opacity: 1;
}
.ModelIntro__signatureRow__f558f {
  --pcom-model-intro-opacity-duration: var(--pcom-motion-duration-very-long);
  --pcom-model-intro-opacity-delay: 50ms;
  --pcom-model-intro-transform-duration: calc(var(--pcom-motion-duration-very-long) * 0.9);
  --pcom-model-intro-transform-delay: 50ms;
  grid-column: basic;
  grid-row: 1/3;
  z-index: 0;
  opacity: 0;
  transform: scale(0.993);
  transform-origin: center bottom;
  display: flex;
  justify-content: center;
  justify-self: stretch;
}
.ModelIntro__hasVideo__f558f .ModelIntro__signatureRow__f558f {
  grid-row: 3/5;
  z-index: 3;
  filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.16));
}
.ModelIntro__startAnimation__f558f .ModelIntro__signatureRow__f558f {
  opacity: 0.75;
  transform: scale(1);
}
.ModelIntro__theme-dark__f558f.ModelIntro__startAnimation__f558f .ModelIntro__signatureRow__f558f {
  opacity: 0.666667;
}
.ModelIntro__hasVideo__f558f.ModelIntro__startAnimation__f558f .ModelIntro__signatureRow__f558f {
  opacity: 1;
}
.ModelIntro__imageRow__f558f {
  grid-column: basic;
  grid-row: 2/5;
  z-index: 1;
}
.ModelIntro__hasVideo__f558f .ModelIntro__imageRow__f558f {
  grid-row: 4/7;
  pointer-events: none;
  z-index: 4;
}
.ModelIntro__contentRow__f558f {
  grid-column: basic;
  grid-row: -2/-1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: var(--pcom-spacing-medium);
  gap: var(--pcom-spacing-medium);
}
.ModelIntro__hasVideo__f558f .ModelIntro__contentRow__f558f {
  grid-row: -1/-1;
}
.ModelIntro__fuelTypeTag__f558f {
  display: flex;
  justify-content: center;
  margin-top: var(--pcom-spacing-x-small);
  margin-bottom: var(--pcom-spacing-small);
  /* stylelint-disable-next-line selector-max-type -- need to style the p-tag element directly */
}
.ModelIntro__fuelTypeTag__f558f p-tag:not(.hydrated) {
  font-size: clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem);
  min-height: calc(6px + 2.125ex);
  padding: 1px 6px;
}
.ModelIntro__bodyTypeSelector__f558f {
  order: -1;
}
.ModelIntro__bodyTypeSelector__f558f:not(.hydrated) {
  display: block;
  min-height: var(--pcom-model-intro-tabs-row-height);
}
.ModelIntro__subline__f558f {
  margin-top: var(--pcom-spacing-small);
}
@media (max-width: 999px) {
.ModelIntro__buttons__f558f {
    align-self: stretch;
}
}
.ModelIntro__buttons__f558f:not(.hydrated) {
  display: block;
  min-height: var(--pcom-model-intro-buttons-row-height);
}
.ModelIntro__disclaimer__f558f {
  font-size: clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem);
  line-height: calc(6px + 2.125ex);
  color: #6b6d70;
  max-width: 68rem;
}
.ModelIntro__theme-dark__f558f .ModelIntro__disclaimer__f558f {
  color: #88898c;
}.ModelOverviewFilterControl__root__d6ad0 {
  padding: 8px 0;
}
.ModelOverviewFilterControl__count__d6ad0 {
  color: #6b6d70;
}
.ModelOverviewFilterControl__countInactive__d6ad0 {
  color: inherit;
}.ModelOverviewFilterRange__heading__e45ca {
  margin-bottom: var(--pcom-spacing-small);
}
.ModelOverviewFilterRange__radioWrapper__e45ca:last-of-type {
  padding-bottom: 24px;
  border-bottom: 1px solid #d8d8db;
}.ModelOverviewFilterSection__root__da89c {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0;
}.EvehModelCardHeader__root__c6dfe {
  position: relative;
  z-index: 1;
}
.EvehModelCardHeader__image__c6dfe {
  margin: var(--pcom-spacing-medium) 0;
}
.EvehModelCardHeader__price__c6dfe {
  margin-top: var(--pcom-spacing-x-small);
}.EvehModelCard__container__7b6d0 {
  container: eveh-model-card/inline-size;
  position: relative;
  transition: scale var(--pcom-motion-duration-moderate) var(--pcom-motion-easing-base) 0s;
}
@media (hover: hover) {
.EvehModelCard__container__7b6d0::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 12px;
    opacity: 0;
    transition: opacity var(--pcom-motion-duration-moderate) var(--pcom-motion-easing-base) 0s;
    z-index: 0;
    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.16);
}
.EvehModelCard__container__7b6d0:hover {
    scale: 1.008;
}
.EvehModelCard__container__7b6d0:hover::before {
    opacity: 1;
}
.EvehModelCard__container__7b6d0:has(.EvehModelCard__fullCardLink__7b6d0:active, .EvehModelCard__actionsItem__7b6d0:active) {
    transition: scale 0s;
    scale: 1;
}
.EvehModelCard__container__7b6d0:focus-within::before {
    opacity: 1;
}
}
.EvehModelCard__root__7b6d0 {
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  box-sizing: border-box;
  height: 100%;
  contain: content;
  content-visibility: auto;
}
@container eveh-model-card (min-width: 350px) {
.EvehModelCard__root__7b6d0 {
    padding: 32px;
}
}
.EvehModelCard__background-base__7b6d0 {
  background-color: #fff;
}
.EvehModelCard__background-surface__7b6d0 {
  background-color: #eeeff2;
}
.EvehModelCard__actions__7b6d0 {
  position: relative;
  padding-top: var(--pcom-spacing-medium);
  display: flex;
  flex-wrap: wrap;
  gap: var(--pcom-spacing-small);
  z-index: 3;
}
.EvehModelCard__noTechnicalData__7b6d0 .EvehModelCard__actions__7b6d0 {
  margin-top: auto;
}
.EvehModelCard__actionsItem__7b6d0 {
  flex: 1 1 auto;
}
.EvehModelCard__fullCardLink__7b6d0 {
  position: absolute;
  inset: 0;
  z-index: 2;
}.ModelOverviewSeries__series__bfed8 {
  display: contents;
}
@supports (grid-template-columns: subgrid) {
.ModelOverviewSeries__series__bfed8 {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1/-1;
    gap: clamp(16px, 1.25vw + 12px, 36px);
}
}
.ModelOverviewSeries__headingRow__bfed8 {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  gap: var(--pcom-spacing-medium);
}
.ModelOverviewSeries__headingRow__bfed8:not(:first-child) {
  padding-top: calc(var(--pcom-spacing-large) - clamp(16px, 1.25vw + 12px, 36px));
}
.ModelOverviewSeries__heading__bfed8 {
  margin-right: auto;
}
.ModelOverviewSeries__compareLink__bfed8 {
  display: none;
}
@media (min-width: 760px) {
.ModelOverviewSeries__compareLink__bfed8 {
    display: block;
}
}
.ModelOverviewSeries__modelTile__bfed8 {
  background-color: #fff;
  border-radius: 12px;
  padding: var(--pcom-spacing-medium);
}.ModelOverviewRange__root__2f15d {
  display: grid;
  gap: clamp(16px, 1.25vw + 12px, 36px);
  grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
}
@media (min-width: 760px) {
.ModelOverviewRange__root__2f15d {
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
}
}
.ModelOverviewRange__root__2f15d:not(:last-of-type) {
  margin-bottom: var(--pcom-spacing-large);
}.ModelOverview__root__7f5d2 {
  background: #eeeff2;
  padding-top: calc(var(--pcom-spacing-large) + var(--phn-header-height, 0));
  padding-bottom: var(--pcom-spacing-x-large);
  row-gap: 0;
}
.ModelOverview__heading__7f5d2 {
  grid-column: wide;
}
@media (min-width: 1000px) {
.ModelOverview__heading__7f5d2 {
    padding-bottom: var(--pcom-spacing-large);
}
}
.ModelOverview__filterColumn__7f5d2 {
  grid-column: wide;
}
@media (min-width: 1000px) {
.ModelOverview__filterColumn__7f5d2 {
    grid-column: wide-start/span 4;
}
}
@media (min-width: 1300px) {
.ModelOverview__filterColumn__7f5d2 {
    grid-column: wide-start/span 3;
}
}
.ModelOverview__filterButtonWrapper__7f5d2 {
  top: 0;
  position: sticky;
  grid-column: wide;
  padding: var(--pcom-spacing-small) 0 var(--pcom-spacing-large);
  background: linear-gradient(to bottom, #eeeff2 0%, rgba(238, 239, 242, 0) 100%);
  z-index: 4;
}
.ModelOverview__models__7f5d2 {
  grid-column: wide;
}
@media (min-width: 1000px) {
.ModelOverview__models__7f5d2 {
    grid-column: span 12/wide-end;
}
}
.ModelOverview__resetFilterButtonContainer__7f5d2 {
  display: flex;
  justify-content: space-around;
  margin: var(--pcom-spacing-medium) auto;
}
.ModelOverview__resetFilterButton__7f5d2 {
  width: 100%;
}.ModelSelectHeader__root__7930f {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1299px) {
.ModelSelectHeader__root__7930f {
    align-items: center;
}
}
.ModelSelectHeader__root__7930f:has(.ModelSelectHeader__subheading__7930f) {
  align-items: center;
}
.ModelSelectHeader__signature__7930f {
  height: 35px;
}.ModelSelectItemSpec__root__24847 {
  flex-basis: calc(50% - var(--pcom-spacing-large) / 2);
}
@media (min-width: 760px) {
.ModelSelectItemSpec__root__24847 {
    flex-basis: calc(50% - var(--pcom-spacing-medium) / 2);
}
}
.ModelSelectItemSpec__root__24847:nth-child(odd):last-child {
  flex-basis: 100%;
}@media (min-width: 760px) {
.ModelSelectItemActions__button__5c455 {
    flex: 1;
}
}.ModelSelectItem__root__690a9 {
  display: grid;
  position: relative;
  padding: var(--pcom-spacing-medium);
  background-color: #eeeff2;
  border-radius: 8px;
  transition: background-color var(--pcom-motion-duration-short) var(--pcom-motion-easing-in);
  animation: ModelSelectItem__slideInTop__690a9 var(--pcom-motion-duration-moderate) var(--pcom-motion-easing-base) backwards;
}
.ModelSelectItem__root__690a9:nth-child(1) {
  animation-delay: 100ms;
}
.ModelSelectItem__root__690a9:nth-child(1) .ModelSelectItem__image__690a9 {
  animation-delay: calc(var(--pcom-motion-duration-short) + 0ms);
}
.ModelSelectItem__root__690a9:nth-child(2) {
  animation-delay: 200ms;
}
.ModelSelectItem__root__690a9:nth-child(2) .ModelSelectItem__image__690a9 {
  animation-delay: calc(var(--pcom-motion-duration-short) + 100ms);
}
.ModelSelectItem__root__690a9:nth-child(3) {
  animation-delay: 300ms;
}
.ModelSelectItem__root__690a9:nth-child(3) .ModelSelectItem__image__690a9 {
  animation-delay: calc(var(--pcom-motion-duration-short) + 200ms);
}
.ModelSelectItem__root__690a9:nth-child(4) {
  animation-delay: 400ms;
}
.ModelSelectItem__root__690a9:nth-child(4) .ModelSelectItem__image__690a9 {
  animation-delay: calc(var(--pcom-motion-duration-short) + 300ms);
}
.ModelSelectItem__root__690a9:nth-child(5) {
  animation-delay: 500ms;
}
.ModelSelectItem__root__690a9:nth-child(5) .ModelSelectItem__image__690a9 {
  animation-delay: calc(var(--pcom-motion-duration-short) + 400ms);
}
.ModelSelectItem__root__690a9:nth-child(6) {
  animation-delay: 600ms;
}
.ModelSelectItem__root__690a9:nth-child(6) .ModelSelectItem__image__690a9 {
  animation-delay: calc(var(--pcom-motion-duration-short) + 500ms);
}
.ModelSelectItem__root__690a9:nth-child(7) {
  animation-delay: 700ms;
}
.ModelSelectItem__root__690a9:nth-child(7) .ModelSelectItem__image__690a9 {
  animation-delay: calc(var(--pcom-motion-duration-short) + 600ms);
}
.ModelSelectItem__root__690a9:nth-child(8) {
  animation-delay: 800ms;
}
.ModelSelectItem__root__690a9:nth-child(8) .ModelSelectItem__image__690a9 {
  animation-delay: calc(var(--pcom-motion-duration-short) + 700ms);
}
.ModelSelectItem__root__690a9:nth-child(9) {
  animation-delay: 900ms;
}
.ModelSelectItem__root__690a9:nth-child(9) .ModelSelectItem__image__690a9 {
  animation-delay: calc(var(--pcom-motion-duration-short) + 800ms);
}
.ModelSelectItem__root__690a9::before {
  content: "";
  inset: 0;
  position: absolute;
  border-radius: 8px;
  opacity: 0;
  transition: opacity var(--pcom-motion-duration-short) var(--pcom-motion-easing-base);
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.16);
}
@media (hover: hover) {
.ModelSelectItem__root__690a9:has(.ModelSelectItem__actions__690a9):hover, .ModelSelectItem__root__690a9:has(.ModelSelectItem__actions__690a9):focus-within {
    background-color: #fff;
}
.ModelSelectItem__root__690a9:has(.ModelSelectItem__actions__690a9):hover::before, .ModelSelectItem__root__690a9:has(.ModelSelectItem__actions__690a9):focus-within::before {
    opacity: 1;
}
.ModelSelectItem__root__690a9:has(.ModelSelectItem__actions__690a9):hover .ModelSelectItem__imageWrapper__690a9, .ModelSelectItem__root__690a9:has(.ModelSelectItem__actions__690a9):focus-within .ModelSelectItem__imageWrapper__690a9 {
    transform: scale3d(1.025, 1.025, 1.025);
}
.ModelSelectItem__root__690a9:has(.ModelSelectItem__actions__690a9):hover .ModelSelectItem__emissionTag__690a9, .ModelSelectItem__root__690a9:has(.ModelSelectItem__actions__690a9):focus-within .ModelSelectItem__emissionTag__690a9 {
    filter: none;
}
.ModelSelectItem__root__690a9:has(.ModelSelectItem__actions__690a9):hover .ModelSelectItem__preselectedTag__690a9, .ModelSelectItem__root__690a9:has(.ModelSelectItem__actions__690a9):focus-within .ModelSelectItem__preselectedTag__690a9 {
    filter: brightness(108%);
}
.ModelSelectItem__root__690a9:has(.ModelSelectItem__actions__690a9):hover .ModelSelectItem__specsWrapper__690a9, .ModelSelectItem__root__690a9:has(.ModelSelectItem__actions__690a9):focus-within .ModelSelectItem__specsWrapper__690a9 {
    opacity: 0;
    pointer-events: none;
}
.ModelSelectItem__root__690a9:has(.ModelSelectItem__actions__690a9):hover .ModelSelectItem__actions__690a9, .ModelSelectItem__root__690a9:has(.ModelSelectItem__actions__690a9):focus-within .ModelSelectItem__actions__690a9 {
    opacity: 1;
    pointer-events: all;
}
}
@media (min-width: 1300px) {
.ModelSelectItem__root__690a9 {
    animation: ModelSelectItem__slideInLeft__690a9 var(--pcom-motion-duration-moderate) var(--pcom-motion-easing-base) backwards;
}
}
.ModelSelectItem__anchor__690a9 {
  all: revert;
  position: absolute;
  inset: 0;
  opacity: 0;
  z-index: 1;
}
.ModelSelectItem__emissionTag__690a9,
.ModelSelectItem__preselectedTag__690a9 {
  grid-area: 1/1/2/-1;
  transition: filter var(--pcom-motion-duration-short) var(--pcom-motion-easing-in);
}
.ModelSelectItem__emissionTag__690a9 {
  filter: brightness(108%);
}
.ModelSelectItem__preselectedTag__690a9 {
  justify-self: end;
}
.ModelSelectItem__imageWrapper__690a9 {
  grid-row: 2;
  transition: transform var(--pcom-motion-duration-short) var(--pcom-motion-easing-out);
  position: relative;
  margin: var(--pcom-spacing-medium) 0;
}
@media (min-width: 1300px) {
.ModelSelectItem__imageWrapper__690a9 {
    margin: var(--pcom-spacing-small) 0;
}
}
.ModelSelectItem__image__690a9 {
  animation: ModelSelectItem__slideInLeft__690a9 var(--pcom-motion-duration-long) var(--pcom-motion-easing-base) 200ms backwards;
}
.ModelSelectItem__title__690a9 {
  grid-row: 3;
  font: normal normal 600 clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}
@media (min-width: 760px) {
.ModelSelectItem__title__690a9 {
    font: normal normal 600 clamp(1.42rem, 0.94vw + 1.23rem, 2.37rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}
}
.ModelSelectItem__price__690a9 {
  grid-row: 4;
}
.ModelSelectItem__specsWrapper__690a9 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pcom-spacing-medium) var(--pcom-spacing-large);
  grid-area: 5/1/6/-1;
  margin-top: var(--pcom-spacing-medium);
  transition: opacity var(--pcom-motion-duration-short) var(--pcom-motion-easing-in);
}
@media (min-width: 760px) {
.ModelSelectItem__specsWrapper__690a9 {
    gap: var(--pcom-spacing-medium);
}
}
@media (min-width: 1300px) {
.ModelSelectItem__specsWrapper__690a9 {
    margin-top: var(--pcom-spacing-small);
}
}
.ModelSelectItem__actions__690a9 {
  grid-row: 6;
  margin-top: var(--pcom-spacing-medium);
  z-index: 2;
}
@media (min-width: 1300px) {
.ModelSelectItem__actions__690a9 {
    margin-top: var(--pcom-spacing-small);
}
}
@media (hover: hover) {
.ModelSelectItem__actions__690a9 {
    grid-area: 5/1/6/-1;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--pcom-motion-duration-short) var(--pcom-motion-easing-out);
}
}
.ModelSelectItem__disclaimerWrapper__690a9 {
  font: normal normal 400 clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
  hyphens: auto;
  overflow-wrap: break-word;
  grid-row: 7;
  margin-top: var(--pcom-spacing-medium);
  color: #6b6d70;
}
@media (min-width: 1300px) {
.ModelSelectItem__disclaimerWrapper__690a9 {
    margin-top: var(--pcom-spacing-small);
}
}
.ModelSelectItem__energyLabel__690a9 {
  position: relative;
  z-index: 2;
}
.ModelSelectItem__emissionsDisclaimer__690a9 {
  /* stylelint-disable-next-line selector-max-type -- For supporting VMCE, we have to use this rule */
}
.ModelSelectItem__emissionsDisclaimer__690a9 > div {
  font: normal normal 400 clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
  hyphens: auto;
  overflow-wrap: break-word;
}

/* Animations */
@keyframes ModelSelectItem__slideInTop__690a9 {
0% {
    transform: translateY(-5%);
    opacity: 0;
}
100% {
    transform: translateY(0);
    opacity: 1;
}
}
@keyframes ModelSelectItem__slideInLeft__690a9 {
0% {
    transform: translateX(-5%);
    opacity: 0;
}
100% {
    transform: translateX(0);
    opacity: 1;
}
}.ModelSelect__root__4f03c {
  /* stylelint-disable -- Customize PDS Flyout width */
  --p-flyout-width: 100%;
  --p-flyout-max-width: 100%;
}
@media (min-width: 760px) {
.ModelSelect__root__4f03c {
    --p-flyout-width: 680px;
}
}
@media (min-width: 1300px) {
.ModelSelect__root__4f03c {
    --p-flyout-width: calc(830px - var(--pcom-spacing-large));
}
}
@media (min-width: 1920px) {
.ModelSelect__root__4f03c {
    --p-flyout-width: calc(1000px - var(--pcom-spacing-large));
}
}
@media (min-width: 1300px) {
.ModelSelect__root__4f03c.ModelSelect__wide__4f03c {
    --p-flyout-width: 1150px;
}
}
@media (min-width: 1920px) {
.ModelSelect__root__4f03c.ModelSelect__wide__4f03c {
    --p-flyout-width: 1250px;
}
}

/* stylelint-enable */
.ModelSelect__headerMenu__4f03c {
  padding-top: 32px;
}
@media (min-width: 1300px) {
.ModelSelect__headerMenu__4f03c {
    display: none;
}
}
.ModelSelect__inner__4f03c {
  display: flex;
  flex-direction: column;
  gap: var(--pcom-spacing-large);
}
@media (min-width: 1300px) {
.ModelSelect__inner__4f03c {
    flex-direction: row;
}
}
@media (max-width: 1299px) {
.ModelSelect__inner__4f03c .ModelSelect__sideMenu__4f03c {
    display: none;
}
}
.ModelSelect__content__4f03c {
  flex-grow: 1;
}
.ModelSelect__items__4f03c {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--pcom-spacing-large);
}
@media (min-width: 1300px) {
.ModelSelect__items__4f03c {
    gap: var(--pcom-spacing-medium);
}
}
.ModelSelect__subheading__4f03c {
  display: flex;
  gap: var(--pcom-spacing-small);
  padding-bottom: var(--pcom-spacing-medium);
}
@media (min-width: 760px) {
.ModelSelect__subheading__4f03c {
    padding-bottom: var(--pcom-spacing-small);
}
}
@media (max-width: 1299px) {
.ModelSelect__subheading__4f03c {
    justify-content: center;
}
}
@media (max-width: 1299px) {
.ModelSelect__bodyType__4f03c {
    display: none;
}
}.ModelTechnicalHighlightsGroup__root__fe703 {
  text-align: center;
}
.ModelTechnicalHighlightsGroup__root__fe703:not(:first-child) {
  margin-top: var(--pcom-spacing-large);
}
@media (min-width: 760px) {
.ModelTechnicalHighlightsGroup__root__fe703 {
    text-align: start;
}
}
.ModelTechnicalHighlightsGroup__linkDescription__fe703 {
  margin-top: var(--pcom-spacing-small);
  /* stylelint-disable selector-max-type -- For supporting VMCE, we have to use this rule */
  /* stylelint-enable selector-max-type -- For supporting VMCE, we have to use this rule */
}
.ModelTechnicalHighlightsGroup__linkDescription__fe703 a {
  hyphens: none;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 700;
  max-width: 100%;
  overflow: hidden;
  line-height: calc(6px + 2.125ex);
}
.ModelTechnicalHighlightsGroup__linkDescription__fe703 p {
  all: inherit;
  display: contents;
}.ModelTechnicalHighlights__root__72045 {
  overflow: hidden;
  padding-top: var(--pcom-spacing-x-large);
  padding-bottom: var(--pcom-spacing-large);
}
.ModelTechnicalHighlights__root__72045.ModelTechnicalHighlights__theme-dark__72045 {
  background-color: #0e0e12;
}
.ModelTechnicalHighlights__root__72045.ModelTechnicalHighlights__theme-light__72045 {
  background-color: #fff;
}
@media (min-width: 0px) and (max-width: 759px) {
.ModelTechnicalHighlights__root__72045 {
    row-gap: var(--pcom-spacing-x-large);
}
}
.ModelTechnicalHighlights__columnContent__72045 {
  grid-column: basic-start/basic-end;
}
@media (min-width: 760px) {
.ModelTechnicalHighlights__columnContent__72045 {
    grid-column: extended-start/span 6;
}
}
@media (min-width: 1300px) {
.ModelTechnicalHighlights__columnContent__72045 {
    grid-column: basic-start/span 5;
}
}
.ModelTechnicalHighlights__columnImage__72045 {
  grid-column: basic-start/basic-end;
  grid-row: 1;
  display: flex;
  align-items: center;
}
@media (min-width: 760px) {
.ModelTechnicalHighlights__columnImage__72045 {
    grid-column: span 10/full-end;
}
}
@media (min-width: 1000px) {
.ModelTechnicalHighlights__columnImage__72045 {
    grid-column: span 8/extended-end;
}
}
@media (min-width: 1300px) {
.ModelTechnicalHighlights__columnImage__72045 {
    grid-column: span 7/basic-end;
}
}
.ModelTechnicalHighlights__noGroups__72045 {
  display: block;
  grid-column: narrow-start/narrow-end;
}
@media (min-width: 760px) and (max-width: 999px) {
.ModelTechnicalHighlights__image__72045 {
    transform: scale(1.25) translateX(30%);
}
}
.ModelTechnicalHighlights__buttonWrapper__72045 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--pcom-spacing-small);
  grid-column: basic-start/basic-end;
}
@media (min-width: 760px) {
.ModelTechnicalHighlights__buttonWrapper__72045 {
    text-align: left;
    flex-direction: row;
    margin-top: var(--pcom-spacing-medium);
}
}
@media (min-width: 760px) and (max-width: 1299px) {
.ModelTechnicalHighlights__buttonWrapper__72045 {
    grid-column: extended-start/extended-end;
}
}
.ModelTechnicalHighlights__disclaimerWrapper__72045 {
  grid-column: basic-start/basic-end;
}
@media (min-width: 760px) and (max-width: 1299px) {
.ModelTechnicalHighlights__disclaimerWrapper__72045 {
    grid-column: extended-start/extended-end;
}
}.MosaicEditorialContent__root__9e480 {
  position: relative;
  z-index: 4;
  grid-column: wide-start/wide-end;
  align-self: start;
  grid-row: 3/4;
  margin-bottom: 48px;
}
@media (min-width: 760px) {
.MosaicEditorialContent__root__9e480 {
    grid-column: basic-start/var(--pds-grid-basic-span-one-half);
}
}
@media (min-width: 1300px) {
.MosaicEditorialContent__root__9e480 {
    grid-column: 4/9;
}
}
@media (min-width: 1920px) {
.MosaicEditorialContent__root__9e480 {
    grid-column: basic-start/9;
}
}
.MosaicEditorialContent__description__9e480 {
  margin-top: var(--pcom-spacing-medium);
}.MosaicEditorialItemMedia__root__c6970 {
  position: relative;
}
.MosaicEditorialItemMedia__videoWrapper__c6970 {
  position: absolute;
  background-color: #010205;
  inset: -2px;
  clip-path: inset(2px 2px);
}
.MosaicEditorialItemMedia__videoButton__c6970 {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 2;
}
@media (min-width: 760px) {
.MosaicEditorialItemMedia__videoButton__c6970.MosaicEditorialItemMedia__alignedLeft__c6970 {
    right: unset;
    left: 16px;
    bottom: 16px;
}
}
.MosaicEditorialItemMedia__video__c6970 {
  z-index: 1;
}.MosaicEditorialItem__root__6436e {
  grid-column: grid-start/grid-end;
}
.MosaicEditorialItem__root__6436e.MosaicEditorialItem__hasVideo__6436e:not(.MosaicEditorialItem__position-0__6436e) {
  z-index: 4;
}
.MosaicEditorialItem__position-0__6436e {
  grid-row: 2/3;
  grid-column: wide-start/wide-end;
  margin-bottom: var(--pcom-spacing-medium);
  z-index: 2;
}
@media (min-width: 760px) {
.MosaicEditorialItem__position-0__6436e {
    grid-column: extended-start/extended-end;
}
}
@media (min-width: 1920px) {
.MosaicEditorialItem__position-0__6436e {
    grid-column: basic-start/basic-end;
}
}
.MosaicEditorialItem__position-1__6436e {
  position: relative;
  z-index: 2;
  grid-column: var(--pds-grid-basic-span-two-thirds)/full-end;
  grid-row: 4/5;
  align-self: end;
}
@media (min-width: 760px) {
.MosaicEditorialItem__position-1__6436e {
    transform: translateY(-20%);
    z-index: 3;
    grid-row: 3/5;
    align-self: start;
}
}
@media (min-width: 1000px) {
.MosaicEditorialItem__position-1__6436e {
    grid-column: 11/18;
    transform: translateY(-30%);
}
}
@media (min-width: 1300px) {
.MosaicEditorialItem__position-1__6436e {
    transform: translateY(-40%);
}
}
@media (min-width: 1920px) {
.MosaicEditorialItem__position-1__6436e {
    grid-column: 10/17;
    transform: translateY(-50%);
}
}
.MosaicEditorialItem__position-2__6436e {
  position: relative;
  transform: translateY(5%);
  z-index: 3;
  grid-column: full-start/6;
  grid-row: 4/5;
  align-self: start;
}
@media (min-width: 760px) {
.MosaicEditorialItem__position-2__6436e {
    transform: translateY(10%);
    z-index: 2;
    grid-column: 5/var(--pds-grid-basic-span-two-thirds);
    align-self: end;
}
}
@media (min-width: 1000px) {
.MosaicEditorialItem__position-2__6436e {
    transform: translateY(5%);
}
}
@media (min-width: 1300px) {
.MosaicEditorialItem__position-2__6436e {
    transform: translateY(0%);
}
}
.MosaicEditorialItem__content__6436e {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}
@media (min-width: 0px) and (max-width: 759px) {
.MosaicEditorialItem__position-1__6436e .MosaicEditorialItem__content__6436e {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
}
@media (min-width: 0px) and (max-width: 759px) {
.MosaicEditorialItem__position-2__6436e .MosaicEditorialItem__content__6436e {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
}.MosaicEditorial__root__75bd3 {
  padding-top: var(--pcom-spacing-x-large);
  padding-bottom: var(--pcom-spacing-xx-large);
  overflow-y: hidden;
}
.MosaicEditorial__signature__75bd3 {
  /* stylelint-disable custom-property-pattern -- supported property by PDS */
  --p-model-signature-width: auto;
  --p-model-signature-height: clamp(1.4375rem, 2.5625vw + 0.925rem, 4rem);
  padding-bottom: var(--pcom-spacing-large);
  z-index: 3;
  grid-row: 1/2;
  grid-column: narrow-start/narrow-end;
  place-self: center;
  /* stylelint-enable custom-property-pattern -- supported property by PDS */
}
.MosaicEditorial__signature__75bd3.MosaicEditorial__signatureDescender__75bd3 {
  --p-model-signature-height: clamp(2.0625rem, 3.625vw + 1.3375rem, 5.6875rem);
}
.MosaicEditorial__content__75bd3 {
  position: relative;
  height: auto;
  max-width: 100%;
  z-index: 2;
  grid-template-rows: repeat(3, auto);
  grid-row-gap: 0;
  margin-bottom: var(--pcom-spacing-xx-large);
}
@media (min-width: 760px) {
.MosaicEditorial__content__75bd3 {
    margin-bottom: 0;
}
}
.MosaicEditorial__content__75bd3.MosaicEditorial__theme-dark__75bd3 {
  background-color: #010205;
}
.MosaicEditorial__content__75bd3.MosaicEditorial__theme-dark__75bd3::before {
  content: "";
  position: absolute;
  background-color: #fff;
  left: 0;
  right: 0;
  top: 0;
  height: 70%;
  grid-row: 1/3;
  z-index: 1;
}
@media (min-width: 760px) {
.MosaicEditorial__content__75bd3.MosaicEditorial__theme-dark__75bd3::after {
    content: "";
    position: absolute;
    background-color: #fff;
    left: 0;
    right: 0;
    bottom: 0;
    height: 15%;
    grid-row: 3/5;
    z-index: 1;
}
}.NavigationCustomerInteraction__root__0aaec {
  margin: 0;
  padding: 16px 0;
  font-size: clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem);
}
.NavigationCustomerInteraction__root__0aaec:first-child {
  border-top: none;
}
.NavigationCustomerInteraction__root__0aaec:last-child {
  border-bottom: none;
}
.NavigationCustomerInteraction__root__0aaec.NavigationCustomerInteraction__compact-mode__0aaec {
  margin: 0;
  padding: var(--pcom-spacing-small) 0;
  font-size: 1rem;
  align-self: stretch;
}
.NavigationCustomerInteraction__root__0aaec.NavigationCustomerInteraction__compact-mode__0aaec:first-child {
  padding-top: calc(var(--pcom-spacing-small) * 2 + var(--pcom-spacing-x-small));
  border-top: 1px solid #d8d8db;
}
.NavigationCustomerInteraction__root__0aaec.NavigationCustomerInteraction__compact-mode__0aaec:last-child {
  padding-bottom: calc(var(--pcom-spacing-small) * 2 + var(--pcom-spacing-x-small));
  border-bottom: 1px solid #d8d8db;
}.NavigationLink__root__35075 {
  align-self: stretch;
  height: 100%;
  display: flex;
  align-items: center;
  white-space: nowrap;
  position: relative;
}
.NavigationLink__link__35075 {
  color: #010205;
  padding: 0;
  border-top: none;
  display: flex;
  align-items: center;
  height: 100%;
  box-sizing: border-box;
  margin-bottom: -1px;
  border-bottom: 1px solid transparent;
  -webkit-text-decoration: none;
  text-decoration: none;
  font: normal normal 400 1rem/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
  hyphens: auto;
  overflow-wrap: break-word;
}
@media (hover: hover) and (pointer: fine) {
.NavigationLink__link__35075:hover, .NavigationLink__link__35075:focus {
    border-bottom: 1px solid #010205;
}
}
.NavigationLink__compact-mode__35075 .NavigationLink__link__35075 {
  color: #010205;
  padding: var(--pcom-spacing-small) 0;
  display: block;
  height: auto;
  margin-bottom: 0;
  border-bottom: none;
}
@media (hover: hover) and (pointer: fine) {
.NavigationLink__compact-mode__35075 .NavigationLink__link__35075:hover, .NavigationLink__compact-mode__35075 .NavigationLink__link__35075:focus {
    border-bottom: none;
    color: #010205;
}
}.NavigationLogo__root__3a87b {
  z-index: 100;
  width: 137px;
  height: 138px;
  background: #fff;
  border: 1px solid #d8d8db;
  border-top: none;
  position: relative;
  margin-left: max(22px, 10.625vw - 12px);
  flex-shrink: 0;
}
@media (min-width: 760px) {
.NavigationLogo__root__3a87b {
    margin-left: calc(5vw - 16px + (clamp(16px, 1.25vw + 12px, 36px) + (100vw - (5vw - 16px) * 2 - clamp(16px, 1.25vw + 12px, 36px) * 15) / 16) * 1);
}
}
@media (min-width: 1920px) {
.NavigationLogo__root__3a87b {
    margin-left: calc(max(0px, 50vw - 1280px) + min(50vw - 880px, 400px) + (clamp(16px, 1.25vw + 12px, 36px) + (min(100vw, 2560px) - min(50vw - 880px, 400px) * 2 - clamp(16px, 1.25vw + 12px, 36px) * 15) / 16) * 1);
}
}
.NavigationLogo__root__3a87b.NavigationLogo__compact-mode__3a87b {
  width: 108px;
  height: 76px;
}
.NavigationLogo__image__3a87b {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}.NavigationPanel__root__82982 {
  display: flex;
  flex-direction: row;
  min-height: 124px;
  max-height: 124px;
  border-bottom: 1px solid #d8d8db;
  position: relative;
}
.NavigationPanel__root__82982.NavigationPanel__compact-mode__82982 {
  min-height: 62px;
  max-height: 63px;
}
.NavigationPanel__wrapper__82982 {
  overflow: initial;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
}
.NavigationPanel__compact-mode__82982 .NavigationPanel__wrapper__82982 {
  background-color: mediumaquamarine;
  display: none;
}
.NavigationPanel__compact-menu-open__82982 .NavigationPanel__wrapper__82982 {
  z-index: 2000;
  position: fixed;
  float: left;
  inset: 0;
  background: #fff;
  overflow-y: scroll;
  display: block;
  width: 100vw;
}
.NavigationPanel__links__82982 {
  display: flex;
  flex-direction: row;
  margin: 0 0 0 clamp(32px, 2.75vw + 23px, 76px);
  padding: 0;
  align-items: center;
  flex-grow: 1;
  gap: 16px;
}
.NavigationPanel__compact-menu-open__82982 .NavigationPanel__links__82982 {
  padding: 0;
  flex-direction: column;
  margin: var(--pcom-spacing-large) max(22px, 10.625vw - 12px) 0;
  list-style-type: none;
  gap: var(--pcom-spacing-x-small);
  margin-bottom: calc(var(--pcom-spacing-small) + var(--pcom-spacing-x-small));
}
@media (min-width: 760px) {
.NavigationPanel__compact-menu-open__82982 .NavigationPanel__links__82982 {
    margin: var(--pcom-spacing-large) calc(5vw - 16px + (clamp(16px, 1.25vw + 12px, 36px) + (100vw - (5vw - 16px) * 2 - clamp(16px, 1.25vw + 12px, 36px) * 15) / 16) * 2) 0;
    margin-bottom: calc(var(--pcom-spacing-small) + var(--pcom-spacing-x-small));
}
}
.NavigationPanel__actions__82982 {
  flex-direction: row;
  height: 100%;
  align-items: center;
  margin: auto calc(5vw - 16px + (clamp(16px, 1.25vw + 12px, 36px) + (100vw - (5vw - 16px) * 2 - clamp(16px, 1.25vw + 12px, 36px) * 15) / 16) * 1) auto auto;
  display: flex;
  gap: 16px;
}
@media (min-width: 1920px) {
.NavigationPanel__actions__82982 {
    margin: auto calc(max(0px, 50vw - 1280px) + min(50vw - 880px, 400px) + (clamp(16px, 1.25vw + 12px, 36px) + (min(100vw, 2560px) - min(50vw - 880px, 400px) * 2 - clamp(16px, 1.25vw + 12px, 36px) * 15) / 16) * 1) auto auto;
}
}
.NavigationPanel__compact-menu-open__82982 .NavigationPanel__actions__82982 {
  flex-direction: column;
  flex-grow: 1;
  padding: 0 max(22px, 10.625vw - 12px);
  gap: var(--pcom-spacing-x-small);
  height: initial;
}
@media (min-width: 760px) {
.NavigationPanel__compact-menu-open__82982 .NavigationPanel__actions__82982 {
    padding: 0 calc(5vw - 16px + (clamp(16px, 1.25vw + 12px, 36px) + (100vw - (5vw - 16px) * 2 - clamp(16px, 1.25vw + 12px, 36px) * 15) / 16) * 2);
}
}
.NavigationPanel__button__82982 {
  position: absolute;
  top: 20px;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  cursor: pointer;
  display: none;
  right: max(22px, 10.625vw - 12px);
}
@media (min-width: 760px) {
.NavigationPanel__button__82982 {
    right: calc(5vw - 16px + (clamp(16px, 1.25vw + 12px, 36px) + (100vw - (5vw - 16px) * 2 - clamp(16px, 1.25vw + 12px, 36px) * 15) / 16) * 1);
}
}
@media (min-width: 1920px) {
.NavigationPanel__button__82982 {
    right: calc(max(0px, 50vw - 1280px) + min(50vw - 880px, 400px) + (clamp(16px, 1.25vw + 12px, 36px) + (min(100vw, 2560px) - min(50vw - 880px, 400px) * 2 - clamp(16px, 1.25vw + 12px, 36px) * 15) / 16) * 1);
}
}
.NavigationPanel__compact-mode__82982 .NavigationPanel__button__82982 {
  display: flex;
}
.NavigationPanel__compact-menu-open__82982 .NavigationPanel__button__82982 {
  display: none;
}
.NavigationPanel__closeButton__82982 {
  position: absolute;
  right: var(--pcom-spacing-medium);
  top: var(--pcom-spacing-medium);
  cursor: pointer;
  display: none;
}
.NavigationPanel__compact-menu-open__82982 .NavigationPanel__closeButton__82982 {
  display: block;
}.OverscrollBackground__root__c734f {
  --pcom-overscroll-gradient-degree: 0deg;
  --pcom-overscroll-gradient-from: rgba(0 0 0 / 0.85);
  --pcom-overscroll-gradient-to: rgba(0 0 0 / 0);
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  transition: opacity 1s ease 0ms, visibility 1s ease 0ms;
  will-change: opacity;
}
@media screen and (min-width: 2560px) {
.OverscrollBackground__root__c734f {
    padding: 0 max(0px, 50vw - 1280px);
    background-image: var(--pcom-overscroll-blurred-background);
    background-size: cover;
}
}
.OverscrollBackground__root__c734f::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 66%;
  background: linear-gradient(var(--pcom-overscroll-gradient-degree), var(--pcom-overscroll-gradient-from) 0%, var(--pcom-overscroll-gradient-to) 100%);
  bottom: 0;
}
.OverscrollBackground__root__c734f.OverscrollBackground__theme-light__c734f {
  --pcom-overscroll-gradient-from: rgba(255 255 255 / 0.85);
  --pcom-overscroll-gradient-to: rgba(255 255 255 / 0);
}
@media (min-width: 760px) {
.OverscrollBackground__align-left__c734f::after {
    --pcom-overscroll-gradient-degree: 90deg;
    height: auto;
    width: 66%;
    right: initial;
    top: 0;
}
}
@media (min-width: 760px) {
.OverscrollBackground__align-right__c734f::after {
    --pcom-overscroll-gradient-degree: 270deg;
    height: auto;
    width: 66%;
    left: unset;
    top: 0;
    background: linear-gradient(var(--pcom-overscroll-gradient-degree), var(--pcom-overscroll-gradient-from) 0%, var(--pcom-overscroll-gradient-to) 100%);
}
}
.OverscrollBackground__active__c734f {
  opacity: 1;
  visibility: visible;
}
@media screen and (min-width: 2560px) {
.OverscrollBackground__active__c734f::before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    left: calc((50vw - 1280px) * -1);
    right: calc((50vw - 1280px) * -1);
    background: var(--pcom-overscroll-blurred-background);
    background-size: cover;
    background-position: center;
    z-index: -1;
}
}.OverscrollText__root__16586 {
  display: flex;
  align-items: center;
  height: 100vh;
  height: 100lvh;
  width: 100%;
}
.OverscrollText__textBlock__16586 {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--pcom-spacing-medium);
}
@media (min-width: 760px) {
.OverscrollText__textBlock__16586 {
    max-width: 50%;
}
}
.OverscrollText__text__16586 {
  padding-top: var(--pcom-spacing-small);
  white-space: pre-line;
}
.OverscrollText__align-left__16586 {
  justify-content: flex-start;
}
.OverscrollText__align-right__16586 {
  justify-content: flex-end;
}
.OverscrollText__button__16586 {
  margin-top: var(--pcom-spacing-medium);
}
@media (min-width: 760px) {
.OverscrollText__button__16586 {
    width: -moz-fit-content;
    width: fit-content;
}
}.Overscroll__root__9046f {
  position: relative;
}
.Overscroll__spacing-default__9046f {
  padding-bottom: var(--pcom-spacing-large);
}
.Overscroll__backgrounds__9046f {
  position: sticky;
  top: 0;
  height: 100vh;
  height: 100lvh;
  z-index: 0;
}
.Overscroll__texts__9046f {
  position: relative;
  z-index: 1;
  margin-top: -66.666vh;
  max-width: var(--pcom-page-width-basic-max-width);
  padding: 0 var(--pcom-page-width-basic-h-space);
  grid-column: basic-start/basic-end;
}
@supports (height: 100lvh) {
.Overscroll__texts__9046f {
    margin-top: -66.666lvh;
}
}/* stylelint-disable selector-max-type -- Qualtrics Surveys dont care about our linting rules */
/* stylelint-disable selector-class-pattern -- Qualtrics Surveys dont care about our linting rules */
/* stylelint-disable declaration-no-important -- Qualtrics Surveys dont care about our linting rules */
/* stylelint-disable color-function-notation -- Qualtrics Surveys dont care about our linting rules */
/* stylelint-disable hue-degree-notation -- Qualtrics Surveys dont care about our linting rules  */
.QualtricsSurvey__root__962fb {
  padding-bottom: var(--pcom-spacing-large);
  padding-top: var(--pcom-spacing-large);
  border-top: 1px solid rgba(1, 2, 5, 0.67);
}
.QualtricsSurvey__root__962fb:has(:first-child:empty) {
  display: none;
}
.QSI__EmbeddedFeedbackContainer {
  text-align: center;
}
.QSI__EmbeddedFeedbackContainer fieldset {
  width: 100%;
}
.QSI__EmbeddedFeedbackContainer_QuestionText {
  font: normal normal 600 clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
  color: #010205 !important;
  font-size: clamp(1.13rem, 1.08rem + 0.21vw, 1.33rem) !important;
  line-height: calc(2.125ex + 6px) !important;
  font-weight: 600 !important;
  font-style: normal !important;
  margin-bottom: 32px !important;
}
.QSI__EmbeddedFeedbackContainer_OpenText {
  height: 140px;
  margin-top: 4px;
  margin-left: auto;
  margin-right: auto;
  padding: 8px;
  width: calc(100% - 16px) !important;
}
.QSI__EmbeddedFeedbackContainer_Stars {
  counter-reset: line-number;
}
.QSI__EmbeddedFeedbackContainer_StarButton {
  width: 55px;
  height: 55px;
  border: 1px solid black !important;
  border-radius: 4px;
  counter-increment: line-number;
}
.QSI__EmbeddedFeedbackContainer_StarButton:hover {
  background: hsla(225, 2%, 59%, 0.18) !important;
}
.QSI__EmbeddedFeedbackContainer_StarButton::before {
  content: counter(line-number);
}
.QSI__EmbeddedFeedbackContainer_StarButton > svg {
  display: none;
}
.QSI__EmbeddedFeedbackContainer_TextButton {
  margin-top: 16px !important;
  border-color: #6b6d70 !important;
  color: rgb(251, 252, 255) !important;
  background-color: #010205 !important;
  line-height: 24px !important;
  padding: 13px 26px !important;
  font-size: 16px !important;
  transition: 0.3s;
}
.QSI__EmbeddedFeedbackContainer_TextButton:hover {
  background-color: #6b6d70 !important;
}.SectionsModalBlock__root__27522 {
  max-width: 600px;
  margin: 0 auto;
  padding-top: 24px;
}
@media (min-width: 760px) {
.SectionsModalBlock__root__27522 {
    padding-top: 40px;
}
}
@media (min-width: 1000px) {
.SectionsModalBlock__root__27522 {
    max-width: 780px;
}
}
@media (min-width: 1300px) {
.SectionsModalBlock__root__27522 {
    max-width: 1020px;
}
}
@media (min-width: 1300px) {
.SectionsModalBlock__root__27522 {
    padding-top: 48px;
}
}.SectionsModalFooter__root__9e64e {
  background-color: #fff;
  padding: 20px 0;
}
@media (min-width: 1300px) {
.SectionsModalFooter__root__9e64e {
    border-radius: 0 0 16px 16px;
    padding: 20px 40px;
    order: 4;
    border-top: 1px solid #eeeff2;
    z-index: 3;
}
}.SectionsModalHeader__root__cd929 {
  position: relative;
}
.SectionsModalHeader__root__cd929::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #eeeff2;
  opacity: 0;
  transition: opacity 200ms ease;
  z-index: 3;
}
.SectionsModalHeader__root__cd929.SectionsModalHeader__bounded__cd929::before {
  opacity: 1;
}
.SectionsModalHeader__titleWrapper__cd929 {
  flex: 1;
  overflow: hidden;
  margin-right: 16px;
}
.SectionsModalHeader__title__cd929 {
  font-size: 18px;
  font-style: normal;
}
@media (min-width: 760px) {
.SectionsModalHeader__title__cd929 {
    font-size: 20px;
}
}
@media (min-width: 1000px) {
.SectionsModalHeader__title__cd929 {
    font-size: 24px;
}
}
@media (min-width: 1300px) {
.SectionsModalHeader__title__cd929 {
    font-size: 20px;
}
}
.SectionsModalHeader__titleContent__cd929 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.SectionsModalHeader__container__cd929 {
  padding: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #fff;
  position: relative;
  z-index: 2;
  border-radius: 16px 16px 0 0;
}
@media (min-width: 1000px) {
.SectionsModalHeader__container__cd929 {
    padding: 32px 40px;
}
}
.SectionsModalHeader__closeButtonWrapper__cd929 {
  margin-right: 0;
  margin-left: auto;
}
.SectionsModalHeader__navigationTogglerWrapper__cd929 {
  margin-right: 16px;
  transition: transform 300ms cubic-bezier(0.5, 1, 0.3, 1) 0ms;
}
.SectionsModalHeader__navigationTogglerWrapper__cd929.SectionsModalHeader__rotated__cd929 {
  transform: rotate(180deg);
}.SectionsModalNavigationItem__root__be229 {
  width: 100%;
  background: none;
  color: inherit;
  border: none;
  padding: 8px 12px;
  font: inherit;
  cursor: pointer;
  outline: 0;
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-align: left;
  opacity: 0.6;
  transition: opacity 200ms ease;
}
@media (min-width: 0px) and (max-width: 1299px) {
.SectionsModalNavigationItem__root__be229::after {
    content: "";
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    background-color: #2762ec;
    width: 16px;
    display: none;
}
.SectionsModalNavigationItem__root__be229.SectionsModalNavigationItem__active__be229 {
    opacity: 1;
}
.SectionsModalNavigationItem__root__be229.SectionsModalNavigationItem__active__be229::after {
    display: block;
}
}
@media (min-width: 1000px) and (max-width: 1299px) {
.SectionsModalNavigationItem__root__be229::after {
    left: -24px;
    width: 20px;
}
}
@media (min-width: 1300px) {
.SectionsModalNavigationItem__root__be229 {
    padding: 16px 8px;
    text-align: center;
    opacity: 1;
}
.SectionsModalNavigationItem__root__be229::after {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 6px;
    transition: opacity 200ms ease;
}
.SectionsModalNavigationItem__root__be229:hover::after {
    opacity: 1;
}
.SectionsModalNavigationItem__root__be229::before {
    content: "";
    position: absolute;
    inset: 0;
    outline: transparent solid 1px;
    outline-offset: 1px;
}
.SectionsModalNavigationItem__root__be229:focus-visible::before {
    outline-color: #010205;
}
}
.SectionsModalNavigationItem__text__be229 {
  display: inline-block;
  vertical-align: sub;
  font-size: 16px;
  padding-left: 16px;
}
@media (min-width: 1300px) {
.SectionsModalNavigationItem__text__be229 {
    display: block;
    vertical-align: unset;
    font-size: 13px;
    position: relative;
    padding-left: 0;
    z-index: 3;
}
}
.SectionsModalNavigationItem__icon__be229 {
  display: inline-block;
  position: relative;
  z-index: 1;
  height: 28px;
  width: 28px;
  color: #010205;
}
@media (min-width: 1300px) {
.SectionsModalNavigationItem__icon__be229 {
    display: block;
    margin: 0 auto;
    color: #6b6d70;
}
}
.SectionsModalNavigationItem__activeLayer__be229 {
  padding: 8px 12px;
  background-color: #fff;
  position: absolute;
  border-radius: 6px;
  inset: 0;
  opacity: 0;
  transition: opacity 200ms ease;
  z-index: 2;
  text-align: left;
}
@media (min-width: 0px) and (max-width: 1299px) {
.SectionsModalNavigationItem__activeLayer__be229 {
    display: none;
}
}
.SectionsModalNavigationItem__activeLayer__be229.SectionsModalNavigationItem__visible__be229 {
  opacity: 1;
}
@media (min-width: 1300px) {
.SectionsModalNavigationItem__activeLayer__be229 {
    padding: 16px 8px;
    text-align: center;
}
}.SectionsModalNavigation__root__4ac7f {
  position: relative;
  background-color: #eeeff2;
  border-radius: 16px;
  min-height: 100%;
}
@media (min-width: 0px) and (max-width: 1299px) {
.SectionsModalNavigation__root__4ac7f {
    position: absolute;
    width: 100%;
    border-radius: 16px 16px 0 0;
}
}
@media (min-width: 1300px) {
.SectionsModalNavigation__inner__4ac7f {
    max-width: 132px;
}
}
.SectionsModalNavigation__nav__4ac7f {
  padding: 24px 16px 48px;
}
@media (min-width: 1000px) {
.SectionsModalNavigation__nav__4ac7f {
    padding: 24px 24px 48px;
}
}
@media (min-width: 1300px) {
.SectionsModalNavigation__nav__4ac7f {
    padding: 16px;
}
}
.SectionsModalNavigation__navList__4ac7f {
  list-style-type: none;
  padding: 0;
  text-align: center;
  margin: 0;
}
.SectionsModalNavigation__navListItem__4ac7f {
  margin-bottom: 12px;
}
@media (min-width: 1300px) {
.SectionsModalNavigation__navListItem__4ac7f {
    margin-bottom: 8px;
}
}
.SectionsModalNavigation__navListItem__4ac7f:last-of-type {
  margin-bottom: 0;
}.SectionsModal__root__7ba79 {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: rgba(1, 2, 5, 0.4);
  display: flex;
  flex-direction: column;
  padding: 40px 0 0;
}
@media (min-width: 1300px) {
.SectionsModal__root__7ba79 {
    padding: 24px 16px;
}
}
.SectionsModal__body__7ba79 {
  position: relative;
  height: 100%;
  max-height: 100%;
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 16px 16px 0 0;
}
@media (min-width: 1300px) {
.SectionsModal__body__7ba79 {
    min-width: calc(100% - 132px);
    width: auto;
    height: auto;
    margin-right: 0;
    margin-left: auto;
    background-color: transparent;
    border-radius: unset;
}
}
@media (min-width: 1760px) {
.SectionsModal__body__7ba79 {
    min-width: min(84%, 1276px);
    width: auto;
}
}
.SectionsModal__header__7ba79 {
  position: relative;
  order: 1;
  z-index: 3;
}
.SectionsModal__navigation__7ba79 {
  position: relative;
  order: 2;
}
@media (min-width: 1300px) {
.SectionsModal__navigation__7ba79 {
    width: 178px;
    position: absolute;
    height: 100%;
    left: 0;
    transform: translateX(0);
    transition: transform 300ms cubic-bezier(0.5, 1, 0.3, 1) 0ms;
    z-index: 1;
}
.SectionsModal__navigation__7ba79.SectionsModal__visible__7ba79 {
    transform: translateX(-132px);
}
}
.SectionsModal__content__7ba79 {
  height: auto;
  max-height: 100%;
  overflow: hidden auto;
  padding: 0 8px;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  opacity: 0;
  transition: opacity 300ms ease-in;
}
@media (min-width: 1000px) {
.SectionsModal__content__7ba79 {
    margin: 0 48px;
    padding: 0 16px;
}
.SectionsModal__content__7ba79::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}
.SectionsModal__content__7ba79::-webkit-scrollbar-thumb {
    background: #6b6d70;
    border-radius: 1.5px;
}
.SectionsModal__content__7ba79::-webkit-scrollbar-track {
    background: #d8d8db;
    border-radius: 1.5px;
}
@-moz-document url-prefix("") {
.SectionsModal__content__7ba79 {
      scrollbar-color: #6b6d70 #d8d8db;
      scrollbar-width: thin;
}
}
}
@media (min-width: 1300px) {
.SectionsModal__content__7ba79 {
    transform: translateX(50%);
    transition: transform 300ms cubic-bezier(0.5, 1, 0.3, 1), opacity 300ms ease-in;
}
.SectionsModal__content__7ba79.SectionsModal__visible__7ba79 {
    transform: translateX(0);
}
}
@media (min-width: 1760px) {
.SectionsModal__content__7ba79 {
    padding: 0;
}
}
.SectionsModal__content__7ba79.SectionsModal__visible__7ba79 {
  opacity: 1;
}
.SectionsModal__contentWrapper__7ba79 {
  order: 3;
  height: 100%;
  z-index: 2;
  position: relative;
  background-color: #fff;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
  padding: 0 16px;
}
@media (min-width: 0px) and (max-width: 1299px) {
.SectionsModal__contentWrapper__7ba79 {
    transition: transform 300ms cubic-bezier(0.5, 1, 0.3, 1) 0ms;
}
}
@media (min-width: 1300px) {
.SectionsModal__contentWrapper__7ba79 {
    border-radius: 0;
    padding: 0;
}
}

/**************************************
  * Animations
  **************************************/
.section-modal-fade-in-enter-active {
  animation: SectionsModal__fadeIn__7ba79 300ms ease both;
}
.section-modal-fade-in-leave-active {
  animation: SectionsModal__fadeIn__7ba79 300ms ease both reverse;
}
.section-modal-slide-in-enter-active {
  animation: SectionsModal__slideInTop__7ba79 500ms cubic-bezier(0.41, 0, 0.1, 0.62) both;
}
@media (min-width: 1300px) {
.section-modal-slide-in-enter-active {
    animation: SectionsModal__slideInLeft__7ba79 500ms cubic-bezier(0.41, 0, 0.1, 0.62) both;
}
}
.section-modal-slide-in-leave-active {
  animation: SectionsModal__slideInTop__7ba79 300ms cubic-bezier(0.41, 0, 0.1, 0.62) both reverse;
}
@media (min-width: 1300px) {
.section-modal-slide-in-leave-active {
    animation: SectionsModal__slideInLeft__7ba79 300ms cubic-bezier(0.41, 0, 0.1, 0.62) both reverse;
}
}
@keyframes SectionsModal__fadeIn__7ba79 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes SectionsModal__slideInLeft__7ba79 {
0% {
    transform: translateX(100%);
    opacity: 0;
}
100% {
    transform: translateX(0);
    opacity: 1;
}
}
@keyframes SectionsModal__slideInTop__7ba79 {
0% {
    transform: translateY(100%);
    opacity: 0;
}
100% {
    transform: translateY(0);
    opacity: 1;
}
}.SliderItem__root__96625 {
  position: relative;
  height: 100%;
}
.SliderItem__root__96625:not(.SliderItem__variant-gallery__96625)::after {
  background: linear-gradient(to top, rgba(31, 31, 31, 0.9) 0%, rgba(31, 31, 31, 0.9) 20%, rgba(31, 31, 31, 0.852589) 26.67%, rgba(32, 32, 32, 0.768225) 33.33%, rgba(33, 33, 33, 0.668116) 40%, rgba(34, 34, 34, 0.557309) 46.67%, rgba(35, 35, 35, 0.442691) 53.33%, rgba(36, 36, 36, 0.331884) 60%, rgba(37, 37, 37, 0.231775) 66.67%, rgba(38, 38, 38, 0.147411) 73.33%, rgba(39, 39, 39, 0.0816599) 80%, rgba(39, 39, 39, 0.03551) 86.67%, rgba(39, 39, 39, 0.0086472) 93.33%, rgba(39, 39, 39, 0) 100%);
  content: "";
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 50%;
  bottom: 0;
}
.SliderItem__root__96625.SliderItem__variant-gallery__96625 .SliderItem__slideImage__96625 {
  display: block;
  border-radius: 12px;
  overflow: hidden;
}
.SliderItem__slideText__96625 {
  position: absolute;
  bottom: 0;
}
.SliderItem__galleryText__96625 {
  margin-top: 16px;
}.Slider__spacingBottom__5d283 {
  padding-bottom: var(--pcom-spacing-large);
}
.Slider__wrapper__5d283 {
  grid-template-rows: auto max-content;
  pointer-events: none;
}
@media (min-width: 1920px) {
.Slider__wrapper__5d283 {
    background: var(--pcom-slider-blurred-background);
    background-size: cover;
    background-position: center;
}
}
.Slider__slider__5d283 {
  grid-row: 1/-1;
  z-index: 0;
  pointer-events: all;
  padding-top: 0;
}
.Slider__carousel__5d283 {
  pointer-events: all;
  padding-top: var(--pcom-spacing-x-large);
  padding-bottom: var(--pcom-spacing-large);
}
.Slider__text-contents__5d283 {
  grid-row: 2/-1;
  z-index: 2;
  padding: var(--pcom-spacing-x-large) 0 var(--pcom-spacing-x-large);
  color: #fbfcff;
  align-self: end;
}
.Slider__text-content__5d283 {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity calc(var(--pcom-motion-duration-short) * 2) linear;
}
.Slider__text-content__5d283.Slider__active__5d283 {
  height: auto;
  opacity: 1;
  overflow: visible;
}
.Slider__text-content__5d283.Slider__active__5d283 .Slider__link__5d283 {
  display: inline-block;
  visibility: visible;
  pointer-events: all;
  padding: 0 4px;
  margin-left: -4px;
}.SoftColorator__root__39988 {
  position: relative;
  padding-bottom: var(--pcom-spacing-large);
}
.SoftColorator__iframeWrapper__39988 {
  background: #fff;
  position: relative;
  height: auto;
  grid-column: full-start/full-end;
  min-height: 100vh;
}
@supports (min-height: 100svh) {
.SoftColorator__iframeWrapper__39988 {
    min-height: 100svh;
}
}
@media (min-width: 760px) {
.SoftColorator__iframeWrapper__39988 {
    grid-column: extended-start/extended-end;
}
}
.SoftColorator__iframe__39988 {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}
.SoftColorator__loaderWrapper__39988 {
  background: #fff;
  position: absolute;
  z-index: 2;
  inset: 0;
  text-align: center;
}
.SoftColorator__loader__39988 {
  margin-top: var(--pcom-spacing-x-large);
}
.soft-colorator-loader-fade-enter-active, .soft-colorator-loader-fade-leave-active {
  transition: opacity 300ms;
  transition-delay: 0;
  pointer-events: none;
}
.soft-colorator-loader-fade-enter, .soft-colorator-loader-fade-leave-to {
  opacity: 0;
  transition-delay: 600ms;
}.SoftCompareItemSpecs__root__66569 :last-child {
  margin-bottom: 0;
}
.SoftCompareItemSpecs__spec__66569 {
  margin-bottom: var(--pcom-spacing-small);
}.SoftCompareItem__root__f7798 {
  height: 100%;
  background-color: #eeeff2;
  transition: background-color var(--pcom-motion-duration-short) var(--pcom-motion-easing-in);
  animation: SoftCompareItem__slideInLeft__f7798 500ms cubic-bezier(0.23, 1, 0.32, 1) backwards;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: var(--pcom-spacing-medium);
  gap: var(--pcom-spacing-medium);
  animation-delay: calc(var(--pcom-motion-duration-short) + var(--pcom-soft-compare-item-animation-delay));
}
.SoftCompareItem__root__f7798.SoftCompareItem__preselected__f7798 {
  background-color: #fff;
  border: 2px solid #d8d8db;
  padding: calc(var(--pcom-spacing-medium) - 2px);
}
.SoftCompareItem__tagsWrapper__f7798 {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 759px) {
.SoftCompareItem__tagsWrapper__f7798 {
    margin-bottom: var(--pcom-spacing-medium);
}
}
.SoftCompareItem__name__f7798 {
  margin-bottom: var(--pcom-spacing-x-small);
}
.SoftCompareItem__disclaimer__f7798 {
  margin-top: var(--pcom-spacing-small);
}
.SoftCompareItem__content__f7798 {
  font-size: 0.75rem;
  color: #6b6d70;
}
.SoftCompareItem__actions__f7798 {
  margin-top: auto;
  margin-bottom: 0;
}
@keyframes SoftCompareItem__slideInLeft__f7798 {
0% {
    transform: translateX(-5%);
    opacity: 0;
}
100% {
    transform: translateX(0);
    opacity: 1;
}
}.SoftCompare__root__0de87 {
  padding: var(--pcom-spacing-x-large) 0;
}
.SoftCompare__compareWrapper__0de87 {
  display: flex;
  justify-content: center;
  text-align: center;
  margin-top: var(--pcom-spacing-medium);
}

/* stylelint-disable selector-max-type -- For supporting VMCE, we have to use this rule */
.SoftCompare__heading__0de87,
.SoftCompare__heading__0de87 > p {
  all: inherit;
  display: contents;
}
.SoftCompare__footnote__0de87 {
  margin-bottom: var(--pcom-spacing-small);
}
.SoftCompare__priceDisclaimer__0de87 {
  margin: var(--pcom-spacing-medium) 0;
}
.SoftCompare__footer__0de87 {
  row-gap: var(--pcom-spacing-medium);
  margin-top: var(--pcom-spacing-medium);
  text-align: center;
}.Stepper__root__422bd {
  padding-bottom: var(--pcom-spacing-large);
}.StoryStreamWidget__skeleton__82a04 {
  background-image: linear-gradient(#d8d8db 19%, transparent 100%);
}
.StoryStreamWidget__widget__82a04 {
  font: normal normal 400 1rem/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
  hyphens: auto;
  overflow-wrap: break-word;
}.StoryStream__root__c6e5b {
  margin: 0 var(--pds-internal-grid-margin, 0);
  display: grid;
  padding: 0 calc(50% - var(--pds-internal-grid-margin, 0px) - 1280px);
  grid-gap: clamp(16px, 1.25vw + 12px, 36px);
  max-width: var(--pds-internal-grid-width-max, 2560px);
  min-width: var(--pds-internal-grid-width-min, 320px);
  box-sizing: content-box;
  grid-template-columns: [full-start] minmax(0, var(--pds-internal-grid-outer-column, calc(var(--pds-internal-grid-safe-zone) - clamp(16px, 1.25vw + 12px, 36px)))) [wide-start extended-start basic-start narrow-start] repeat(6, minmax(0, 1fr)) [narrow-end basic-end extended-end wide-end] minmax(0, var(--pds-internal-grid-outer-column, calc(var(--pds-internal-grid-safe-zone) - clamp(16px, 1.25vw + 12px, 36px)))) [full-end];
  --pds-internal-grid-safe-zone: max(22px, 10.625vw - 12px);
  --pds-grid-basic-span-one-half: span 3;
  --pds-grid-basic-span-one-third: span 2;
  --pds-grid-narrow-span-one-half: span 3;
  --pds-grid-basic-span-two-thirds: span 4;
  --pds-grid-extended-span-one-half: span 3;
  padding-bottom: var(--pcom-spacing-large);
}
@media (min-width: 760px) {
.StoryStream__root__c6e5b {
    grid-template-columns: [full-start] minmax(0, var(--pds-internal-grid-outer-column, calc(var(--pds-internal-grid-safe-zone) - clamp(16px, 1.25vw + 12px, 36px)))) [wide-start] minmax(0, 1fr) [extended-start] minmax(0, 1fr) [basic-start] repeat(2, minmax(0, 1fr)) [narrow-start] repeat(8, minmax(0, 1fr)) [narrow-end] repeat(2, minmax(0, 1fr)) [basic-end] minmax(0, 1fr) [extended-end] minmax(0, 1fr) [wide-end] minmax(0, var(--pds-internal-grid-outer-column, calc(var(--pds-internal-grid-safe-zone) - clamp(16px, 1.25vw + 12px, 36px)))) [full-end];
    --pds-internal-grid-safe-zone: calc(5vw - 16px);
    --pds-grid-basic-span-one-half: span 6;
    --pds-grid-basic-span-one-third: span 4;
    --pds-grid-narrow-span-one-half: span 4;
    --pds-grid-basic-span-two-thirds: span 8;
    --pds-grid-extended-span-one-half: span 7;
}
}
@media (min-width: 1920px) {
.StoryStream__root__c6e5b {
    --pds-internal-grid-safe-zone: min(50vw - 880px, 400px);
}
}
.StoryStream__skeleton__c6e5b {
  background-image: linear-gradient(#d8d8db 19%, transparent 100%);
}
.StoryStream__consentContainer__c6e5b {
  position: relative;
}.TeaserTile__root__5767c {
  scale: 1;
  position: relative;
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(0, 1fr);
  border-radius: 12px;
  overflow: hidden;
  hyphens: none;
  transform: translateZ(0);
}
.TeaserTile__imageContainer__5767c {
  grid-area: 1/1/3/2;
  transition: transform 0.24s ease-in-out;
  transform: scale3d(1, 1, 1);
}
.TeaserTile__linkElement__5767c {
  color: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.TeaserTile__linkElement__5767c::after {
  content: "";
  position: fixed;
  inset: 0;
}
.TeaserTile__tiles-2__5767c .TeaserTile__imageContainer__5767c {
  aspect-ratio: 4/3;
}
@media (min-width: 480px) and (max-width: 999px) {
.TeaserTile__tiles-2__5767c .TeaserTile__imageContainer__5767c {
    aspect-ratio: 16/9;
}
}
@media (min-width: 1300px) {
.TeaserTile__tiles-2__5767c .TeaserTile__imageContainer__5767c {
    aspect-ratio: 16/9;
}
}
.TeaserTile__tiles-4__5767c .TeaserTile__imageContainer__5767c {
  aspect-ratio: 16/9;
}
@media (min-width: 1000px) and (max-width: 1299px) {
.TeaserTile__tiles-4__5767c .TeaserTile__imageContainer__5767c {
    aspect-ratio: 4/3;
}
}
.TeaserTile__tiles-3__5767c .TeaserTile__imageContainer__5767c {
  aspect-ratio: 16/9;
}
@media (min-width: 1000px) {
.TeaserTile__tiles-3__5767c .TeaserTile__imageContainer__5767c {
    aspect-ratio: 1/1;
}
}
@media (hover: hover) and (pointer: fine) {
.TeaserTile__root__5767c:hover .TeaserTile__imageContainer__5767c {
    transform: var(--pcom-image-hover-scale);
}
}
.TeaserTile__overlay__5767c {
  grid-area: 2/1/3/2;
  z-index: 1;
  display: flex;
  gap: var(--pcom-spacing-small);
  padding: var(--pcom-spacing-large) var(--pcom-spacing-medium) var(--pcom-spacing-medium);
  background: linear-gradient(to top, rgba(31, 31, 31, 0.9) 0%, rgba(31, 31, 31, 0.9) 20%, rgba(31, 31, 31, 0.852589) 26.67%, rgba(32, 32, 32, 0.768225) 33.33%, rgba(33, 33, 33, 0.668116) 40%, rgba(34, 34, 34, 0.557309) 46.67%, rgba(35, 35, 35, 0.442691) 53.33%, rgba(36, 36, 36, 0.331884) 60%, rgba(37, 37, 37, 0.231775) 66.67%, rgba(38, 38, 38, 0.147411) 73.33%, rgba(39, 39, 39, 0.0816599) 80%, rgba(39, 39, 39, 0.03551) 86.67%, rgba(39, 39, 39, 0.0086472) 93.33%, rgba(39, 39, 39, 0) 100%);
}
.TeaserTile__textContainer__5767c {
  flex: 1 1 auto;
}
.TeaserTile__subtitle__5767c {
  margin-top: var(--pcom-spacing-x-small);
}
.TeaserTile__icon__5767c {
  flex: 0 0 auto;
  align-self: flex-end;
}.Teaser__root__55eca {
  padding-bottom: var(--pcom-spacing-x-large);
}
.Teaser__gridItem__55eca {
  grid-column: basic-start/basic-end;
}
@media (min-width: 1000px) {
.Teaser__items-2__55eca .Teaser__gridItem__55eca:nth-child(1) {
    grid-column: basic-start/var(--pds-grid-basic-span-one-half);
}
.Teaser__items-2__55eca .Teaser__gridItem__55eca:nth-child(2) {
    grid-column: var(--pds-grid-basic-span-one-half)/var(--pds-grid-basic-span-one-half);
}
}
@media (min-width: 1000px) {
.Teaser__items-3__55eca .Teaser__gridItem__55eca:nth-child(1) {
    grid-column: basic-start/var(--pds-grid-basic-span-one-third);
}
.Teaser__items-3__55eca .Teaser__gridItem__55eca:nth-child(2) {
    grid-column: var(--pds-grid-basic-span-one-third)/var(--pds-grid-basic-span-one-third);
}
.Teaser__items-3__55eca .Teaser__gridItem__55eca:nth-child(3) {
    grid-column: 12/basic-end;
}
}
@media (min-width: 1000px) {
.Teaser__items-4__55eca .Teaser__gridItem__55eca:nth-child(1) {
    grid-column: basic-start/var(--pds-grid-basic-span-one-half);
    grid-row: 1;
}
.Teaser__items-4__55eca .Teaser__gridItem__55eca:nth-child(2) {
    grid-column: var(--pds-grid-basic-span-one-half)/var(--pds-grid-basic-span-one-half);
    grid-row: 1;
}
.Teaser__items-4__55eca .Teaser__gridItem__55eca:nth-child(3) {
    grid-column: basic-start/var(--pds-grid-basic-span-one-half);
    grid-row: 2;
}
.Teaser__items-4__55eca .Teaser__gridItem__55eca:nth-child(4) {
    grid-column: var(--pds-grid-basic-span-one-half)/var(--pds-grid-basic-span-one-half);
    grid-row: 2;
}
}@media (max-width: 479px) {
.TechnicalDataLayerFooter__button__01cc3 {
    width: 100%;
}
}.TechnicalDataLayerHeader__heading__1ab72,
.TechnicalDataLayerHeader__modelName__1ab72 {
  display: block;
}
.TechnicalDataLayerHeader__modelName__1ab72 {
  font: normal normal 400 1rem/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
  hyphens: auto;
  overflow-wrap: break-word;
  color: #535457;
}.TechnicalDataLayerItem__root__e162c:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
  position: relative;
}
.TechnicalDataLayerItem__root__e162c.TechnicalDataLayerItem__display-blocks__e162c {
  border-bottom: 0;
  margin: 0;
}
.TechnicalDataLayerItem__root__e162c.TechnicalDataLayerItem__display-row__e162c {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  -moz-column-gap: var(--pcom-spacing-medium);
       column-gap: var(--pcom-spacing-medium);
  margin-bottom: 16px;
}
.TechnicalDataLayerItem__root__e162c.TechnicalDataLayerItem__display-row__e162c:last-of-type {
  border-bottom: 0;
  position: relative;
}
@media (min-width: 760px) {
.TechnicalDataLayerItem__root__e162c.TechnicalDataLayerItem__display-row__e162c {
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
}
}
.TechnicalDataLayerItem__display-row__e162c .TechnicalDataLayerItem__description__e162c {
  margin-left: 0;
  margin-right: auto;
}
.TechnicalDataLayerItem__value__e162c {
  flex: 0 0 auto;
}
@media (min-width: 760px) {
.TechnicalDataLayerItem__display-row__e162c .TechnicalDataLayerItem__value__e162c {
    max-width: 50%;
}
}.TechnicalDataLayerGroup__root__c85c9 {
  border-bottom: 1px solid #d8d8db;
  /* stylelint-disable -- Add scroll offset */
  scroll-margin-top: var(--p-flyout-sticky-top, 0);
  /* stylelint-enable */
}
@media (max-width: 759px) {
.TechnicalDataLayerGroup__items__c85c9 {
    padding-top: var(--pcom-spacing-small);
    padding-bottom: var(--pcom-spacing-small);
}
}.TechnicalDataLayerSection__root__2ea95 {
  margin-bottom: var(--pcom-spacing-x-large);
}
.TechnicalDataLayerSection__root__2ea95:nth-last-child(1) {
  margin-bottom: 0;
}
.TechnicalDataLayerSection__root__2ea95.TechnicalDataLayerSection__hasDisclaimers__2ea95 {
  margin-bottom: var(--pcom-spacing-medium);
}
.TechnicalDataLayerSection__title__2ea95 {
  margin-bottom: var(--pcom-spacing-medium);
}
@media (min-width: 1300px) {
.TechnicalDataLayerSection__title__2ea95 {
    margin-bottom: var(--pcom-spacing-small);
}
}.TechnicalDataLayer__root__ac8e3 {
  /* stylelint-disable -- Customize PDS Flyout width */
  --p-flyout-width: 100%;
  --p-flyout-max-width: 100%;
  /* stylelint-enable */
}
@media (min-width: 1000px) {
.TechnicalDataLayer__root__ac8e3 {
    --p-flyout-max-width: 860px;
}
}
@media (min-width: 1300px) {
.TechnicalDataLayer__root__ac8e3 {
    --p-flyout-max-width: 972px;
}
}
@media (min-width: 1920px) {
.TechnicalDataLayer__root__ac8e3 {
    --p-flyout-max-width: 1024px;
}
}
.TechnicalDataLayer__intro__ac8e3 {
  background-color: #eeeff2;
  border-radius: 8px;
  margin-bottom: var(--pcom-spacing-medium);
  padding: var(--pcom-spacing-x-large) var(--pcom-spacing-large) var(--pcom-spacing-medium);
}
@media (min-width: 760px) {
.TechnicalDataLayer__intro__ac8e3 {
    padding-top: var(--pcom-spacing-large);
}
}
@media (min-width: 1300px) {
.TechnicalDataLayer__intro__ac8e3 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 48px 32px;
    align-items: center;
}
}
@media (min-width: 760px) and (max-width: 1299px) {
.TechnicalDataLayer__imageWrapper__ac8e3 {
    padding: 0 var(--pcom-spacing-medium);
}
}
@media (min-width: 1300px) {
.TechnicalDataLayer__imageWrapper__ac8e3 {
    grid-column: 1/1;
}
}
.TechnicalDataLayer__highlightsWrapper__ac8e3 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px 8px;
  margin-top: var(--pcom-spacing-x-large);
}
@media (min-width: 760px) {
.TechnicalDataLayer__highlightsWrapper__ac8e3 {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 16px;
    margin-top: var(--pcom-spacing-medium);
}
}
@media (min-width: 1300px) {
.TechnicalDataLayer__highlightsWrapper__ac8e3 {
    grid-column: 2/2;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 16px;
    margin-left: 48px;
    margin-top: 0;
}
}
.TechnicalDataLayer__highlightsWrapper__ac8e3 .TechnicalDataLayer__highlightedItem__ac8e3 {
  padding: 0;
}
.TechnicalDataLayer__highlightsWrapper__ac8e3 .TechnicalDataLayer__highlightedItem__ac8e3:last-of-type {
  bottom: 0;
}
.TechnicalDataLayer__disclaimer__ac8e3 {
  margin-bottom: var(--pcom-spacing-small);
}.TextContent__root__a2a42 {
  padding-bottom: var(--pcom-spacing-x-large);
}
.TextContent__theme-dark__a2a42 {
  background-color: #0e0e12;
}
.TextContent__layoutItem__a2a42 {
  grid-column: basic-start/basic-end;
}
.TextContent__layoutItem__a2a42 .TextContent__item__a2a42:first-child {
  margin-top: 0;
}
.TextContent__layoutItem__a2a42 .TextContent__item__a2a42:last-child {
  margin-bottom: var(--pcom-spacing-medium);
}
@media (min-width: 760px) {
.TextContent__single__a2a42 .TextContent__layoutItem__a2a42 {
    grid-column: basic-start/basic-end;
}
}
@media (min-width: 1000px) {
.TextContent__single__a2a42 .TextContent__layoutItem__a2a42.TextContent__variant-default__a2a42 {
    grid-column: narrow-start/narrow-end;
}
}
@media (min-width: 760px) {
.TextContent__double__a2a42 .TextContent__layoutItem__a2a42 {
    grid-column: var(--pds-grid-basic-span-one-half);
}
}
@media (min-width: 760px) {
.TextContent__triple__a2a42 .TextContent__layoutItem__a2a42 {
    grid-column: var(--pds-grid-basic-span-one-third);
}
}
@media (min-width: 760px) {
.TextContent__quad__a2a42 .TextContent__layoutItem__a2a42 {
    grid-column: span 3;
}
}
@media (min-width: 760px) {
.TextContent__double__a2a42 .TextContent__layoutItem__a2a42:nth-child(1) {
    grid-column: basic-start/var(--pds-grid-basic-span-one-half);
}
}
@media (min-width: 760px) {
.TextContent__triple__a2a42 .TextContent__layoutItem__a2a42:nth-child(1) {
    grid-column: basic-start/var(--pds-grid-basic-span-one-third);
}
}
@media (min-width: 760px) {
.TextContent__quad__a2a42 .TextContent__layoutItem__a2a42:nth-child(1) {
    grid-column: basic-start/span 3;
}
}
@media (min-width: 760px) {
.TextContent__marginal__a2a42 .TextContent__layoutItem__a2a42:nth-child(1) {
    grid-column: basic-start/var(--pds-grid-basic-span-two-thirds);
}
}
@media (min-width: 760px) {
.TextContent__marginal__a2a42 .TextContent__layoutItem__a2a42:nth-child(2) {
    grid-column: 13/span 3;
}
}.TextMediaContentMedia__images-2__eca2e {
  display: grid;
  grid-template-columns: minmax(0, 1fr) repeat(2, minmax(0, var(--pcom-spacing-large))) minmax(0, 1fr);
  grid-template-rows: minmax(0, auto) repeat(2, minmax(0, var(--pcom-spacing-medium))) minmax(0, auto);
}
.TextMediaContentMedia__image__eca2e {
  overflow: hidden;
  position: relative;
  border-radius: 12px;
}
.TextMediaContentMedia__image__eca2e:has(.TextMediaContentMedia__videoBox__eca2e) {
  z-index: 1;
}
.TextMediaContentMedia__images-2__eca2e .TextMediaContentMedia__image__eca2e:nth-child(1) {
  grid-column: 1/4;
  grid-row: 1/4;
}
.TextMediaContentMedia__images-2__eca2e .TextMediaContentMedia__image__eca2e:nth-child(2) {
  grid-column: 2/5;
  grid-row: 2/5;
}
.TextMediaContentMedia__videoBox__eca2e {
  aspect-ratio: 4/3;
}
.TextMediaContentMedia__videoButton__eca2e {
  position: absolute;
  z-index: 2;
  right: var(--pcom-spacing-small);
  bottom: var(--pcom-spacing-small);
}.TextMediaContentItem__root__1cc54 {
  align-items: start;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(16px, 1.25vw + 12px, 36px);
}
.TextMediaContentItem__root__1cc54:not(:last-child):not(.TextMediaContentItem__variant-slider__1cc54) {
  padding-bottom: var(--pcom-spacing-x-large);
}
.TextMediaContentItem__imageBox__1cc54 {
  grid-column: 1/3;
}
@media (min-width: 1000px) {
.TextMediaContentItem__imageBox__1cc54 {
    grid-column: 1/2;
}
.TextMediaContentItem__direction-reverse__1cc54:not(.TextMediaContentItem__variant-slider__1cc54) .TextMediaContentItem__imageBox__1cc54 {
    grid-column: 2/3;
}
}
.TextMediaContentItem__textBox__1cc54 {
  grid-column: 1/3;
  padding: calc(var(--pcom-spacing-large) - clamp(16px, 1.25vw + 12px, 36px)) 0 0;
  align-self: center;
}
.TextMediaContentItem__variant-slider__1cc54 .TextMediaContentItem__textBox__1cc54 {
  padding-right: var(--pcom-spacing-medium);
}
@media (min-width: 1000px) {
.TextMediaContentItem__textBox__1cc54 {
    grid-row: 1;
    padding: 0 0 0 calc(var(--pcom-spacing-large) - clamp(16px, 1.25vw + 12px, 36px));
    grid-column: 2/3;
}
.TextMediaContentItem__variant-slider__1cc54 .TextMediaContentItem__textBox__1cc54 {
    padding: 0 var(--pcom-spacing-x-large) 0 calc(var(--pcom-spacing-large) - clamp(16px, 1.25vw + 12px, 36px));
}
.TextMediaContentItem__direction-reverse__1cc54:not(.TextMediaContentItem__variant-slider__1cc54) .TextMediaContentItem__textBox__1cc54 {
    padding-right: calc(var(--pcom-spacing-large) - clamp(16px, 1.25vw + 12px, 36px));
    padding-left: 0;
    grid-column: 1/2;
}
}
.TextMediaContentItem__content__1cc54 {
  margin-top: var(--pcom-spacing-small);
}
.TextMediaContentItem__ctaButton__1cc54 {
  margin-top: var(--pcom-spacing-medium);
}
@media (max-width: 759px) {
.TextMediaContentItem__ctaButton__1cc54 {
    width: 100%;
}
}.TextMediaContent__root__ffbc7 {
  padding-bottom: var(--pcom-spacing-large);
  row-gap: 0;
}
.TextMediaContent__slider__ffbc7 {
  padding-top: var(--pcom-spacing-x-large);
}.TopicExplorerHeader__root__67e82 {
  grid-template-rows: repeat(4, auto);
  row-gap: 0;
  background-color: #0e0e12;
}
.TopicExplorerHeader__image__67e82 {
  grid-row: 1/3;
  grid-column: full;
  position: relative;
  z-index: 1;
  aspect-ratio: 4/3;
}
@media (min-width: 760px) {
.TopicExplorerHeader__image__67e82 {
    aspect-ratio: 16/9;
    grid-row: 1/4;
}
}
@media (min-width: 1300px) {
.TopicExplorerHeader__image__67e82 {
    aspect-ratio: 21/9;
}
}
@media (min-width: 1920px) {
.TopicExplorerHeader__image__67e82 {
    aspect-ratio: 28/9;
}
}
.TopicExplorerHeader__image__67e82::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 33%;
  z-index: 2;
  background: linear-gradient(to top, #0e0e12 0%, rgba(14, 14, 18, 0.987) 3.4%, rgba(14, 14, 18, 0.951) 7.9%, rgba(14, 14, 18, 0.896) 13.4%, rgba(14, 14, 18, 0.825) 19.7%, rgba(14, 14, 18, 0.741) 26.6%, rgba(14, 14, 18, 0.648) 34%, rgba(14, 14, 18, 0.55) 41.9%, rgba(14, 14, 18, 0.45) 49.9%, rgba(14, 14, 18, 0.352) 58%, rgba(14, 14, 18, 0.259) 66.1%, rgba(14, 14, 18, 0.175) 73.9%, rgba(14, 14, 18, 0.104) 81.3%, rgba(14, 14, 18, 0.049) 88.3%, rgba(14, 14, 18, 0.013) 94.5%, rgba(14, 14, 18, 0) 100%);
}
.TopicExplorerHeader__heading__67e82 {
  grid-row: 3/4;
  grid-column: basic;
  margin-top: var(--pcom-spacing-x-large);
  z-index: 2;
  /* stylelint-disable-next-line selector-max-type -- For supporting VMCE, we have to use this rule */
}
.TopicExplorerHeader__heading__67e82 > p {
  display: contents;
  font: inherit;
  line-height: inherit;
}
.TopicExplorerHeader__subheading__67e82 {
  grid-row: 4/-1;
  grid-column: basic;
  margin-top: var(--pcom-spacing-small);
  z-index: 2;
}
@media (min-width: 760px) {
.TopicExplorerHeader__subheading__67e82 {
    grid-column: 4/-4;
}
}.TopicExplorerSlider__root__ae725 {
  padding-top: var(--pcom-spacing-large);
  background: linear-gradient(180deg, #0e0e12 67%, transparent 33%);
}.TopicExplorer__root__7acac {
  padding: var(--pcom-spacing-x-large) 0 0;
  /* stylelint-disable-next-line selector-max-type -- needed for the VMCE fixes */
}
.TopicExplorer__root__7acac.TopicExplorer__theme-dark__7acac {
  background-color: #0e0e12;
}
.TopicExplorer__root__7acac sup {
  font-feature-settings: "sups" on;
  font-size: inherit;
  position: static;
  line-height: inherit;
  padding: 0;
  vertical-align: baseline;
}
@supports (font-variant-position: super) {
.TopicExplorer__root__7acac sup {
    font-feature-settings: "sups" off, "sups";
    font-variant-position: super;
}
}.VideoContent__root__cdc30 {
  padding-bottom: var(--pcom-spacing-large);
}
.VideoContent__video-container__cdc30 {
  overflow: hidden;
  border-radius: 12px;
}.VisualizerUnreal__root__37959 {
  padding-bottom: var(--pcom-module-space-large);
}
.VisualizerUnreal__viewContainer__37959 {
  grid-column: full-start/full-end;
  aspect-ratio: 13/23;
}
@media (min-width: 1000px) {
.VisualizerUnreal__viewContainer__37959 {
    aspect-ratio: 19/14;
}
}
@media (min-width: 0px) and (max-width: 999px) and (orientation: landscape) and (any-pointer: coarse) {
.VisualizerUnreal__viewContainer__37959 {
    aspect-ratio: 2/1;
}
}
@media (min-width: 1000px) {
.VisualizerUnreal__viewContainer__37959 {
    aspect-ratio: 51/35;
    grid-column: wide-start/wide-end;
    border-radius: 12px;
}
}
@media (min-width: 1760px) {
.VisualizerUnreal__viewContainer__37959 {
    aspect-ratio: 51/30;
}
}.BackToTopButton__title__fb632,
.BackToTopButton__text__fb632 {
  margin-bottom: 24px;
}
.BackToTopButton__spacer__fb632 {
  height: 200vh;
  display: flex;
  align-items: start;
  justify-content: center;
  background-color: #eeeff2;
  color: #535457;
}
.BackToTopButton__spacerText__fb632 {
  margin-top: var(--pcom-spacing-medium);
}.PcomDisplay__wrapper-light__7f0c7 {
  color: #010205;
}
.PcomDisplay__wrapper-dark__7f0c7 {
  background: #0e0e12;
  padding: 2rem;
  color: #fbfcff;
}.PcomHeading__wrapper-light__7f0c7 {
  color: #010205;
}
.PcomHeading__wrapper-dark__7f0c7 {
  background: #0e0e12;
  padding: 2rem;
  color: #fbfcff;
}.PcomHeadline__wrapper__3ab41 {
  color: #0061bd;
}.PcomText__wrapper-light__7f0c7 {
  color: #010205;
}
.PcomText__wrapper-dark__7f0c7 {
  background: #0e0e12;
  padding: 2rem;
  color: #fbfcff;
}.PcomBackgroundVideo__grid__4a102::after {
  content: "";
  grid-column: full-start/full-end;
  grid-row: 2/3;
  background: linear-gradient(to top, rgba(31, 31, 31, 0.9) 0%, rgba(31, 31, 31, 0.9) 20%, rgba(31, 31, 31, 0.852589) 26.67%, rgba(32, 32, 32, 0.768225) 33.33%, rgba(33, 33, 33, 0.668116) 40%, rgba(34, 34, 34, 0.557309) 46.67%, rgba(35, 35, 35, 0.442691) 53.33%, rgba(36, 36, 36, 0.331884) 60%, rgba(37, 37, 37, 0.231775) 66.67%, rgba(38, 38, 38, 0.147411) 73.33%, rgba(39, 39, 39, 0.0816599) 80%, rgba(39, 39, 39, 0.03551) 86.67%, rgba(39, 39, 39, 0.0086472) 93.33%, rgba(39, 39, 39, 0) 100%);
  z-index: 1;
}
.PcomBackgroundVideo__backgroundVideo__4a102 {
  height: 61.8vh;
  grid-column: full-start/full-end;
  grid-row: 1/3;
  z-index: 0;
}
.PcomBackgroundVideo__button__4a102 {
  grid-column: span 1/basic-end;
  grid-row: 2/3;
  align-self: end;
  justify-self: end;
  margin-bottom: clamp(32px, 2.75vw + 23px, 76px);
  z-index: 3;
}
.PcomBackgroundVideo__exampleText__4a102 {
  grid-column: basic-start/-4;
  grid-row: 2/3;
  z-index: 2;
  padding: clamp(32px, 2.75vw + 23px, 76px) 0;
}.wrapper[data-v-8a143528] {
  counter-reset: carousel;
}
.slide[data-v-8a143528] {
  color: white;
  display: grid;
  font-size: 1.5rem;
  align-items: end;
  border-radius: 10px;
  aspect-ratio: 16/10;
  background-size: cover;
  overflow: hidden;
}
.slide[data-v-8a143528]::after {
  counter-increment: carousel;
  content: "Slide " counter(carousel);
  padding: 24px 32px;
  background: linear-gradient(to top, rgba(31, 31, 31, 0.9) 0%, rgba(31, 31, 31, 0.9) 20%, rgba(31, 31, 31, 0.852589) 26.67%, rgba(32, 32, 32, 0.768225) 33.33%, rgba(33, 33, 33, 0.668116) 40%, rgba(34, 34, 34, 0.557309) 46.67%, rgba(35, 35, 35, 0.442691) 53.33%, rgba(36, 36, 36, 0.331884) 60%, rgba(37, 37, 37, 0.231775) 66.67%, rgba(38, 38, 38, 0.147411) 73.33%, rgba(39, 39, 39, 0.0816599) 80%, rgba(39, 39, 39, 0.03551) 86.67%, rgba(39, 39, 39, 0.0086472) 93.33%, rgba(39, 39, 39, 0) 100%);
}
.dark[data-v-8a143528] {
  background-color: #0e0e12;
  padding: clamp(32px, 2.75vw + 23px, 76px) 0;
}.PcomFootnote__wrapper__5f801 {
  padding-top: var(--pcom-spacing-x-large);
  padding-bottom: var(--pcom-spacing-large);
  background: #fff;
}
.PcomFootnote__theme-dark__5f801 {
  background: #0e0e12;
}.PcomSectionTitle__theme-dark__daabf {
  background: #0e0e12;
}.PcomSlider__slide__a0951 {
  background-size: contain;
  background-position: center center;
  aspect-ratio: 16/9;
}.PcomTeaserTag__wrapper__64276 {
  display: grid;
  gap: clamp(16px, 1.25vw + 12px, 36px);
}
@media (min-width: 760px) {
.PcomTeaserTag__wrapper__64276 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.PcomTeaserTag__frosted-glass-wrapper__64276 {
  display: grid;
  gap: clamp(16px, 1.25vw + 12px, 36px);
  aspect-ratio: 1/1;
  background-image: url(https://picsum.photos/id/988/900/900);
  background-size: cover;
  align-content: end;
  padding: var(--pcom-spacing-medium);
  border-radius: 12px;
}
@media (min-width: 480px) {
.PcomTeaserTag__frosted-glass-wrapper__64276 {
    aspect-ratio: 16/9;
    background-image: url(https://picsum.photos/id/988/1600/900);
}
}
@media (min-width: 760px) {
.PcomTeaserTag__frosted-glass-wrapper__64276 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}.PcomEnergyLabelPof__root__d09f6 {
  --pcom-energy-label-color: #fff;
  --pcom-energy-label-color-a: #00a651;
  --pcom-energy-label-color-b: #4cb847;
  --pcom-energy-label-color-c: #bfd630;
  --pcom-energy-label-color-d: #fff100;
  --pcom-energy-label-color-e: #feb811;
  --pcom-energy-label-color-f: #f36f23;
  --pcom-energy-label-color-g: #ee1c25;
  display: flex;
  flex-wrap: wrap;
  gap: var(--pcom-spacing-medium);
  flex-direction: row-reverse;
  align-items: flex-start;
}
.PcomEnergyLabelPof__root__d09f6.PcomEnergyLabelPof__alignment-start__d09f6 {
  flex-direction: row;
}
.PcomEnergyLabelPof__root__d09f6.PcomEnergyLabelPof__vertical-middle__d09f6 {
  align-items: center;
}
.PcomEnergyLabelPof__root__d09f6.PcomEnergyLabelPof__theme-dark__d09f6 {
  --pcom-energy-label-color: rgba(255, 255, 255, 0.8);
  --pcom-energy-label-color-a: rgba(0, 166, 81, 0.8);
  --pcom-energy-label-color-b: rgba(76, 184, 71, 0.8);
  --pcom-energy-label-color-c: rgba(191, 214, 48, 0.8);
  --pcom-energy-label-color-d: rgba(255, 241, 0, 0.8);
  --pcom-energy-label-color-e: rgba(254, 184, 17, 0.8);
  --pcom-energy-label-color-f: rgba(243, 111, 35, 0.8);
  --pcom-energy-label-color-g: rgba(238, 28, 37, 0.8);
}
.PcomEnergyLabelPof__disclaimer__d09f6:nth-child(2) {
  padding-top: var(--pcom-spacing-small);
}
.PcomEnergyLabelPof__energyLabelWrapper__d09f6 {
  font-family: "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
  font-weight: 600;
  line-height: 1;
  font-size: 0.75rem;
}
@media (min-width: 760px) {
.PcomEnergyLabelPof__energyLabelWrapper__d09f6 {
    font-size: clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem);
}
}
@media (min-width: 1000px) {
.PcomEnergyLabelPof__energyLabelWrapper__d09f6 {
    font-size: clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem);
}
}
@media (min-width: 1920px) {
.PcomEnergyLabelPof__energyLabelWrapper__d09f6 {
    font-size: 1.06rem;
}
}
.PcomEnergyLabelPof__arrow__d09f6 {
  position: relative;
  height: 1em;
  width: 1em;
  margin-bottom: 0.166667em;
  color: var(--pcom-energy-label-color);
}
.PcomEnergyLabelPof__arrow__d09f6::before {
  padding-left: 0.166667em;
}
.PcomEnergyLabelPof__arrow__d09f6:last-child {
  margin-bottom: 0;
}
.PcomEnergyLabelPof__arrow__d09f6:nth-child(1) {
  width: 3em;
  background-color: var(--pcom-energy-label-color-a);
  clip-path: polygon(0% 0%, 2.5em 0%, 100% 50%, 2.5em 100%, 0% 100%);
}
.PcomEnergyLabelPof__arrow__d09f6:nth-child(1)::before {
  content: "A";
}
.PcomEnergyLabelPof__arrow__d09f6:nth-child(2) {
  width: 4em;
  background-color: var(--pcom-energy-label-color-b);
  clip-path: polygon(0% 0%, 3.5em 0%, 100% 50%, 3.5em 100%, 0% 100%);
}
.PcomEnergyLabelPof__arrow__d09f6:nth-child(2)::before {
  content: "B";
}
.PcomEnergyLabelPof__arrow__d09f6:nth-child(3) {
  width: 5em;
  background-color: var(--pcom-energy-label-color-c);
  clip-path: polygon(0% 0%, 4.5em 0%, 100% 50%, 4.5em 100%, 0% 100%);
}
.PcomEnergyLabelPof__arrow__d09f6:nth-child(3)::before {
  content: "C";
}
.PcomEnergyLabelPof__arrow__d09f6:nth-child(4) {
  width: 6em;
  background-color: var(--pcom-energy-label-color-d);
  clip-path: polygon(0% 0%, 5.5em 0%, 100% 50%, 5.5em 100%, 0% 100%);
}
.PcomEnergyLabelPof__arrow__d09f6:nth-child(4)::before {
  content: "D";
}
.PcomEnergyLabelPof__arrow__d09f6:nth-child(5) {
  width: 7em;
  background-color: var(--pcom-energy-label-color-e);
  clip-path: polygon(0% 0%, 6.5em 0%, 100% 50%, 6.5em 100%, 0% 100%);
}
.PcomEnergyLabelPof__arrow__d09f6:nth-child(5)::before {
  content: "E";
}
.PcomEnergyLabelPof__arrow__d09f6:nth-child(6) {
  width: 8em;
  background-color: var(--pcom-energy-label-color-f);
  clip-path: polygon(0% 0%, 7.5em 0%, 100% 50%, 7.5em 100%, 0% 100%);
}
.PcomEnergyLabelPof__arrow__d09f6:nth-child(6)::before {
  content: "F";
}
.PcomEnergyLabelPof__arrow__d09f6:nth-child(7) {
  width: 9em;
  background-color: var(--pcom-energy-label-color-g);
  clip-path: polygon(0% 0%, 8.5em 0%, 100% 50%, 8.5em 100%, 0% 100%);
}
.PcomEnergyLabelPof__arrow__d09f6:nth-child(7)::before {
  content: "G";
}
.PcomEnergyLabelPof__arrow__d09f6.PcomEnergyLabelPof__active__d09f6 {
  height: 2em;
  width: 9em;
  clip-path: polygon(0% 0%, 8em 0%, 100% 50%, 8em 100%, 0% 100%);
}
.PcomEnergyLabelPof__arrow__d09f6.PcomEnergyLabelPof__active__d09f6::before {
  font-size: 2em;
  padding-left: 0.05em;
}
.PcomEnergyLabelPof__value__d09f6 {
  display: inline-block;
  vertical-align: text-top;
  transform: translateX(0.5em);
  font-size: 0.93em;
}
.PcomEnergyLabelPof__contentWrapper__d09f6 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pcom-spacing-medium);
}
.PcomEnergyLabelPof__textWrapper__d09f6 {
  flex: 1 1 min-content;
}.PcomEnergyLabelPchContent__header__a9992:not([slot=header]) {
  padding-bottom: var(--pcom-spacing-medium);
  padding-top: var(--pcom-spacing-small);
}
.PcomEnergyLabelPchContent__item__a9992:not(:first-of-type) {
  margin-top: var(--pcom-spacing-small);
}
.PcomEnergyLabelPchContent__itemLabel__a9992 {
  font-weight: 700;
  display: block;
}
@media (min-width: 1000px) {
.PcomEnergyLabelPchContent__itemLabel__a9992 {
    display: inline-block;
    padding: 0 4px 0 0;
}
}
.PcomEnergyLabelPchContent__image__a9992 {
  display: block;
  width: auto;
  height: auto;
  max-width: 250px;
  margin: calc(var(--pcom-spacing-medium) - 4px) 0 0 -4px;
}.PcomEnergyLabelPch__buttonLabelWrapper__e649f {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  cursor: pointer;
}
.PcomEnergyLabelPch__popoverContent__e649f {
  padding: 16px 0;
}.EvehTextAnimationCardMediaHorizontal__layout-media-left__ec737 .EvehTextAnimationCardMediaHorizontal__media__ec737,
.EvehTextAnimationCardMediaHorizontal__layout-media-right__ec737 .EvehTextAnimationCardMediaHorizontal__media__ec737 {
  flex: 0 0 auto;
}
@media (min-width: 760px) {
.EvehTextAnimationCardMediaHorizontal__layout-media-left__ec737,
  .EvehTextAnimationCardMediaHorizontal__layout-media-right__ec737 {
    flex-direction: row;
    align-items: stretch;
}
.EvehTextAnimationCardMediaHorizontal__layout-media-left__ec737 .EvehTextAnimationCardMediaHorizontal__media__ec737,
  .EvehTextAnimationCardMediaHorizontal__layout-media-right__ec737 .EvehTextAnimationCardMediaHorizontal__media__ec737 {
    flex: 1 1 38.2%;
    margin-bottom: 0;
}
@container eveh-text-animation-card (width > 850px) {
.EvehTextAnimationCardMediaHorizontal__layout-media-left__ec737 .EvehTextAnimationCardMediaHorizontal__media__ec737,
    .EvehTextAnimationCardMediaHorizontal__layout-media-right__ec737 .EvehTextAnimationCardMediaHorizontal__media__ec737 {
      flex-basis: 33.33333%;
}
}
.EvehTextAnimationCardMediaHorizontal__layout-media-left__ec737 .EvehTextAnimationCardMediaHorizontal__textBlock__ec737,
  .EvehTextAnimationCardMediaHorizontal__layout-media-right__ec737 .EvehTextAnimationCardMediaHorizontal__textBlock__ec737 {
    flex: 1 1 61.8%;
}
@container eveh-text-animation-card (width > 850px) {
.EvehTextAnimationCardMediaHorizontal__layout-media-left__ec737 .EvehTextAnimationCardMediaHorizontal__textBlock__ec737,
    .EvehTextAnimationCardMediaHorizontal__layout-media-right__ec737 .EvehTextAnimationCardMediaHorizontal__textBlock__ec737 {
      flex-basis: 66.666667%;
}
}
}
@media (min-width: 760px) {
.EvehTextAnimationCardMediaHorizontal__layout-media-right__ec737 .EvehTextAnimationCardMediaHorizontal__media__ec737 {
    order: 1;
}
}@media (min-width: 760px) {
.EvehTextAnimationCardWithoutMedia__layout-without-media-2col__1074e .EvehTextAnimationCardWithoutMedia__textBlock__1074e {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 var(--pcom-spacing-medium);
}
.EvehTextAnimationCardWithoutMedia__layout-without-media-2col__1074e .EvehTextAnimationCardWithoutMedia__technicalHighlights__1074e {
    grid-row: 1/3;
    padding-bottom: 0;
}
.EvehTextAnimationCardWithoutMedia__layout-without-media-2col__1074e .EvehTextAnimationCardWithoutMedia__copyWrapper__1074e {
    grid-row: 1/3;
    display: flex;
    flex-direction: column;
    gap: var(--pcom-spacing-medium);
    justify-content: center;
}
.EvehTextAnimationCardWithoutMedia__layout-without-media-2col__1074e .EvehTextAnimationCardWithoutMedia__footnote__1074e {
    grid-column: 1/-1;
}
}@media (min-width: 760px) {
.EvehTextMediaCardMediaTop__layout-media-top-2col__606f8 .EvehTextMediaCardMediaTop__textBlock__606f8 {
    display: flex;
    align-items: flex-end;
    gap: var(--pcom-spacing-medium);
}
.EvehTextMediaCardMediaTop__layout-media-top-2col__606f8 .EvehTextMediaCardMediaTop__heading__606f8 {
    flex: 1 1 calc(40% - var(--pcom-spacing-medium) * 0.5);
}
.EvehTextMediaCardMediaTop__layout-media-top-2col__606f8 .EvehTextMediaCardMediaTop__copy__606f8 {
    flex: 1 1 calc(60% - var(--pcom-spacing-medium) * 0.5);
    padding: 0;
}
.EvehTextMediaCardMediaTop__layout-media-top-2col__606f8 .EvehTextMediaCardMediaTop__footnote__606f8 {
    padding-top: var(--pcom-spacing-medium);
}
}@media (min-width: 760px) {
.EvehTextMediaCardMediaHorizontal__layout-media-left__987bb,
  .EvehTextMediaCardMediaHorizontal__layout-media-right__987bb {
    flex-direction: row;
    align-items: flex-end;
}
.EvehTextMediaCardMediaHorizontal__layout-media-left__987bb .EvehTextMediaCardMediaHorizontal__media__987bb,
  .EvehTextMediaCardMediaHorizontal__layout-media-right__987bb .EvehTextMediaCardMediaHorizontal__media__987bb {
    flex: 1 1 38.2%;
    align-self: stretch;
    margin-bottom: 0;
}
@container eveh-text-media-card (width > 850px) {
.EvehTextMediaCardMediaHorizontal__layout-media-left__987bb .EvehTextMediaCardMediaHorizontal__media__987bb,
    .EvehTextMediaCardMediaHorizontal__layout-media-right__987bb .EvehTextMediaCardMediaHorizontal__media__987bb {
      flex-basis: 33.33333%;
}
}
.EvehTextMediaCardMediaHorizontal__layout-media-left__987bb .EvehTextMediaCardMediaHorizontal__textBlock__987bb,
  .EvehTextMediaCardMediaHorizontal__layout-media-right__987bb .EvehTextMediaCardMediaHorizontal__textBlock__987bb {
    flex: 1 1 61.8%;
}
@container eveh-text-media-card (width > 850px) {
.EvehTextMediaCardMediaHorizontal__layout-media-left__987bb .EvehTextMediaCardMediaHorizontal__textBlock__987bb,
    .EvehTextMediaCardMediaHorizontal__layout-media-right__987bb .EvehTextMediaCardMediaHorizontal__textBlock__987bb {
      flex-basis: 66.66667%;
}
}
.EvehTextMediaCardMediaHorizontal__layout-media-left__987bb .EvehTextMediaCardMediaHorizontal__copy__987bb,
  .EvehTextMediaCardMediaHorizontal__layout-media-right__987bb .EvehTextMediaCardMediaHorizontal__copy__987bb {
    padding-top: var(--pcom-spacing-medium);
}
.EvehTextMediaCardMediaHorizontal__layout-media-left__987bb .EvehTextMediaCardMediaHorizontal__footnote__987bb,
  .EvehTextMediaCardMediaHorizontal__layout-media-right__987bb .EvehTextMediaCardMediaHorizontal__footnote__987bb {
    padding-top: var(--pcom-spacing-medium);
}
}
@media (min-width: 760px) {
.EvehTextMediaCardMediaHorizontal__layout-media-right__987bb .EvehTextMediaCardMediaHorizontal__media__987bb {
    order: 1;
}
}.EvehTextOnMediaCardDefault__root__a9ee5 {
  inset: auto 0 0;
  padding: var(--pcom-spacing-x-large) var(--pcom-spacing-medium) var(--pcom-spacing-medium);
}
.EvehTextOnMediaCardDefault__root__a9ee5::after {
  inset: -2rem -1px -1px;
}
.EvehTextOnMediaCardDefault__copy__a9ee5 {
  margin-top: var(--pcom-spacing-medium);
}
.EvehTextOnMediaCardDefault__footnote__a9ee5 {
  margin-top: var(--pcom-spacing-medium);
}.EvehTextOnMediaCardExpandable__root__b74c6 {
  inset: 0;
  padding: var(--pcom-spacing-medium);
}
.EvehTextOnMediaCardExpandable__root__b74c6::after {
  inset: 60% -1px -1px;
}
.EvehTextOnMediaCardExpandable__root__b74c6::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 2;
  background-color: #010205;
  opacity: 0;
  transition: opacity var(--pcom-motion-duration-long) var(--pcom-motion-easing-out);
}
.EvehTextOnMediaCardExpandable__root__b74c6.EvehTextOnMediaCardExpandable__expanded__b74c6::before {
  opacity: 0.7;
}
.EvehTextOnMediaCardExpandable__textBlock__b74c6 {
  transition: transform var(--pcom-motion-duration-long) var(--pcom-motion-easing-out) 50ms;
  transform: translateY(100%);
}
.EvehTextOnMediaCardExpandable__expanded__b74c6 .EvehTextOnMediaCardExpandable__textBlock__b74c6 {
  transform: translateY(0%);
  transition-delay: 50ms;
}
.EvehTextOnMediaCardExpandable__heading__b74c6 {
  transition: transform var(--pcom-motion-duration-long) var(--pcom-motion-easing-out) 100ms;
  transform: translateY(-100%);
  margin-bottom: var(--pcom-spacing-small);
}
.EvehTextOnMediaCardExpandable__expanded__b74c6 .EvehTextOnMediaCardExpandable__heading__b74c6 {
  transform: translateY(0);
  transition-delay: 0ms;
}
.EvehTextOnMediaCardExpandable__copy__b74c6 {
  flex-grow: 0;
  overflow-y: auto;
  margin-top: calc(var(--pcom-spacing-medium) - var(--pcom-spacing-small) * 2);
  opacity: 0;
  transition: opacity var(--pcom-motion-duration-moderate) var(--pcom-motion-easing-out);
  padding: var(--pcom-spacing-small) var(--pcom-spacing-x-small) var(--pcom-spacing-small) 0;
  -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) var(--pcom-spacing-small), rgb(0, 0, 0) calc(100% - var(--pcom-spacing-small)), rgba(0, 0, 0, 0) 100%);
          mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) var(--pcom-spacing-small), rgb(0, 0, 0) calc(100% - var(--pcom-spacing-small)), rgba(0, 0, 0, 0) 100%);
}
.EvehTextOnMediaCardExpandable__copy__b74c6::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.EvehTextOnMediaCardExpandable__copy__b74c6::-webkit-scrollbar-thumb {
  background: #d8d8db;
  border-radius: 1.5px;
}
.EvehTextOnMediaCardExpandable__copy__b74c6::-webkit-scrollbar-track {
  background: #6b6d70;
  border-radius: 1.5px;
}
@-moz-document url-prefix("") {
.EvehTextOnMediaCardExpandable__copy__b74c6 {
    scrollbar-color: #d8d8db #6b6d70;
    scrollbar-width: thin;
}
}
.EvehTextOnMediaCardExpandable__expanded__b74c6 .EvehTextOnMediaCardExpandable__copy__b74c6 {
  opacity: 1;
  transition-delay: var(--pcom-motion-duration-short);
}
.EvehTextOnMediaCardExpandable__footnote__b74c6 {
  margin-top: calc(var(--pcom-spacing-medium) - var(--pcom-spacing-small));
}
.EvehTextOnMediaCardExpandable__button__b74c6 {
  position: relative;
  z-index: 2;
  margin-top: calc(var(--pcom-spacing-medium) - var(--pcom-spacing-small));
}.PcomCarouselDescription__root__47ba5 {
  grid-column: 1/-1;
  padding-top: var(--pcom-spacing-small);
}
@media (min-width: 760px) {
.PcomCarouselDescription__width-extended__47ba5 {
    max-width: 85%;
}
}
@media (min-width: 1300px) {
.PcomCarouselDescription__width-extended__47ba5 {
    max-width: min(1086px, 71%);
}
.PcomCarouselDescription__width-basic__47ba5 {
    max-width: min(1086px, 83%);
}
}
.PcomCarouselDescription__align-start__47ba5 {
  justify-self: start;
}
.PcomCarouselDescription__align-center__47ba5 {
  justify-self: center;
}
.PcomCarouselDescription__bottom-medium__47ba5 {
  padding-bottom: var(--pcom-spacing-medium);
}
.PcomCarouselDescription__bottom-large__47ba5 {
  padding-bottom: var(--pcom-spacing-large);
}
{
  /* stylelint-disable selector-max-compound-selectors */
}
@keyframes PcomVideoPlyr__plyr-progress__52e15 {
to {
    background-position: var(--plyr-progress-loading-size, 25px) 0;
}
}
@keyframes PcomVideoPlyr__plyr-popup__52e15 {
0% {
    opacity: 0.5;
    transform: translateY(10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes PcomVideoPlyr__plyr-fade-in__52e15 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  align-items: center;
  direction: ltr;
  display: flex;
  flex-direction: column;
  font-family: "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  line-height: 1.5;
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow 0.3s ease;
  z-index: 0;
}
.plyr video, .plyr audio, .plyr iframe {
  display: block;
  height: 100%;
  width: 100%;
}
.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}
.plyr:focus {
  outline: 0;
}
.plyr--full-ui {
  box-sizing: border-box;
}
.plyr--full-ui *, .plyr--full-ui *::after, .plyr--full-ui *::before {
  box-sizing: inherit;
}
.plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label {
  touch-action: manipulation;
}
.plyr__badge {
  background: var(--plyr-badge-background, #323639);
  border-radius: var(--plyr-badge-border-radius, 2px);
  color: var(--plyr-badge-text-color, #fff);
  font-size: 1rem;
  line-height: 1;
  padding: 3px 4px;
}
.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}
.plyr__captions {
  animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  display: none;
  font-size: clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem);
  left: 0;
  padding: var(--plyr-control-spacing, 10px);
  position: absolute;
  text-align: center;
  transition: transform 0.4s ease-in-out;
  width: 100%;
}
.plyr__captions span:empty {
  display: none;
}
@media (min-width: 480px) {
.plyr__captions {
    font-size: 1rem;
    padding: calc(var(--plyr-control-spacing, 10px) * 2);
}
}
@media (min-width: 768px) {
.plyr__captions {
    font-size: clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem);
}
}
.plyr--captions-active .plyr__captions {
  display: block;
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}
.plyr__caption {
  background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  color: var(--plyr-captions-text-color, #fff);
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}
.plyr__caption div {
  display: inline;
}
.plyr__control {
  background: transparent;
  border: 0;
  border-radius: 4px;
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
  position: relative;
  transition: all 0.3s ease;
}
.plyr__control svg {
  display: block;
  fill: currentColor;
  height: var(--plyr-control-icon-size, 18px);
  pointer-events: none;
  width: var(--plyr-control-icon-size, 18px);
}
.plyr__control:focus {
  outline: 0;
}
.plyr__control:focus-visible {
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, #fbfcff));
  outline-offset: 2px;
}
a.plyr__control {
  -webkit-text-decoration: none;
  text-decoration: none;
}
a.plyr__control::after, a.plyr__control::before {
  display: none;
}
.plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed, .plyr__control.plyr__control--pressed .label--not-pressed {
  display: none;
}
.plyr--full-ui ::-webkit-media-controls {
  display: none;
}
.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}
.plyr__controls .plyr__progress__container {
  flex: 1;
  min-width: 0;
}
.plyr__controls .plyr__controls__item {
  margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time {
  padding-left: 0;
}
.plyr__controls:empty {
  display: none;
}
.plyr [data-plyr=captions], .plyr [data-plyr=pip], .plyr [data-plyr=airplay], .plyr [data-plyr=fullscreen] {
  display: none;
}
.plyr--captions-enabled [data-plyr=captions], .plyr--pip-supported [data-plyr=pip], .plyr--airplay-supported [data-plyr=airplay], .plyr--fullscreen-enabled [data-plyr=fullscreen] {
  display: inline-block;
}
.plyr__menu {
  display: flex;
  position: relative;
}
.plyr__menu .plyr__control svg {
  transition: transform 0.3s ease;
}
.plyr__menu .plyr__control[aria-expanded=true] svg {
  transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none;
}
.plyr__menu__container {
  animation: plyr-popup 0.2s ease;
  background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
  border-radius: var(--plyr-menu-radius, 8px);
  bottom: 100%;
  box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: var(--plyr-menu-color, #323639);
  font-size: 1rem;
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}
.plyr__menu__container > div {
  overflow: hidden;
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr__menu__container::after {
  border: var(--plyr-menu-arrow-size, 4px) solid transparent;
  border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
  content: "";
  height: 0;
  position: absolute;
  right: calc(var(--plyr-control-icon-size, 18px) / 2 + calc(var(--plyr-control-spacing, 10px) * 0.7) - var(--plyr-menu-arrow-size, 4px) / 2);
  top: 100%;
  width: 0;
}
.plyr__menu__container [role=menu] {
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
}
.plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] {
  margin-top: 2px;
}
.plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child {
  margin-top: 0;
}
.plyr__menu__container .plyr__control {
  align-items: center;
  color: var(--plyr-menu-color, #323639);
  display: flex;
  font-size: 1rem;
  padding: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5) calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
}
.plyr__menu__container .plyr__control > span {
  align-items: inherit;
  display: flex;
  width: 100%;
}
.plyr__menu__container .plyr__control::after {
  border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
  padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
}
.plyr__menu__container .plyr__control--forward::after {
  border-left-color: var(--plyr-menu-arrow-color, #919599);
  right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--forward:focus-visible::after, .plyr__menu__container .plyr__control--forward:hover::after {
  border-left-color: currentColor;
}
.plyr__menu__container .plyr__control--back {
  font-weight: 400;
  margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
  padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
  position: relative;
  width: calc(100% - calc(var(--plyr-control-spacing, 10px) * 0.7) * 2);
}
.plyr__menu__container .plyr__control--back::after {
  border-right-color: var(--plyr-menu-arrow-color, #919599);
  left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--back::before {
  background: var(--plyr-menu-back-border-color, #f8f8f8);
  box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
  content: "";
  height: 1px;
  left: 0;
  margin-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}
.plyr__menu__container .plyr__control--back:focus-visible::after, .plyr__menu__container .plyr__control--back:hover::after {
  border-right-color: currentColor;
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
}
.plyr__menu__container .plyr__control[role=menuitemradio]::before, .plyr__menu__container .plyr__control[role=menuitemradio]::after {
  border-radius: 100%;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::before {
  background: rgba(0, 0, 0, 0.1);
  content: "";
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: var(--plyr-control-spacing, 10px);
  transition: all 0.3s ease;
  width: 16px;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
  width: 6px;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
  background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, #fbfcff));
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
  background: rgba(12, 13, 14, 0.1);
}
.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) - 2px) * -1);
  overflow: hidden;
  padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 3.5);
  pointer-events: none;
}
.plyr--full-ui input[type=range] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 0;
  border-radius: calc(8px * 2);
  color: var(--plyr-range-fill-background, var(--plyr-color-main, #fbfcff));
  display: block;
  height: calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + 8px);
  margin: 0;
  min-width: 0;
  padding: 0;
  transition: box-shadow 0.3s ease;
  width: 100%;
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: transparent;
  border: 0;
  border-radius: calc(2px / 2);
  height: 2px;
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -webkit-user-select: none;
          user-select: none;
  background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%));
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(12, 13, 14, 0.15), 0 0 0 1px rgba(12, 13, 14, 0.2));
  height: 8px;
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 8px;
  -webkit-appearance: none;
          appearance: none;
  margin-top: calc((8px - 2px) / 2 * -1);
}
.plyr--full-ui input[type=range]::-moz-range-track {
  background: transparent;
  border: 0;
  border-radius: calc(2px / 2);
  height: 2px;
  -moz-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -moz-user-select: none;
       user-select: none;
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(12, 13, 14, 0.15), 0 0 0 1px rgba(12, 13, 14, 0.2));
  height: 8px;
  position: relative;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 8px;
}
.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: calc(2px / 2);
  height: 2px;
}
.plyr--full-ui input[type=range]::-ms-track {
  background: transparent;
  border: 0;
  border-radius: calc(2px / 2);
  height: 2px;
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  user-select: none;
  color: transparent;
}
.plyr--full-ui input[type=range]::-ms-fill-upper {
  background: transparent;
  border: 0;
  border-radius: calc(2px / 2);
  height: 2px;
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  user-select: none;
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: transparent;
  border: 0;
  border-radius: calc(2px / 2);
  height: 2px;
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  user-select: none;
  background: currentColor;
}
.plyr--full-ui input[type=range]::-ms-thumb {
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(12, 13, 14, 0.15), 0 0 0 1px rgba(12, 13, 14, 0.2));
  height: 8px;
  position: relative;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 8px;
  margin-top: 0;
}
.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none;
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0;
}
.plyr--full-ui input[type=range]:focus {
  outline: 0;
}
.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, #fbfcff));
  outline-offset: 2px;
}
.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, #fbfcff));
  outline-offset: 2px;
}
.plyr--full-ui input[type=range]:focus-visible::-ms-track {
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, #fbfcff));
  outline-offset: 2px;
}
.plyr__poster {
  background-color: var(--plyr-video-background, transparent);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}
.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
  display: none;
}
.plyr__time {
  font-size: clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem);
}
.plyr__time + .plyr__time::before {
  content: "⁄";
  margin-right: var(--plyr-control-spacing, 10px);
}
@media (max-width: 767px) {
.plyr__time + .plyr__time {
    display: none;
}
}
.plyr__tooltip {
  background: var(--plyr-tooltip-background, #fff);
  border-radius: var(--plyr-tooltip-radius, 5px);
  bottom: 100%;
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: var(--plyr-tooltip-color, #323639);
  font-size: clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem);
  font-weight: 400;
  left: 50%;
  line-height: 1.3;
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
  opacity: 0;
  padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(calc(var(--plyr-control-spacing, 10px) / 2) * 1.5);
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  white-space: nowrap;
  z-index: 2;
}
.plyr__tooltip::before {
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.plyr .plyr__control:hover .plyr__tooltip, .plyr .plyr__control:focus-visible .plyr__tooltip, .plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}
.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 0 100%;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip::before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
  left: calc(var(--plyr-control-icon-size, 18px) / 2 + calc(var(--plyr-control-spacing, 10px) * 0.7));
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
  left: auto;
  right: calc(var(--plyr-control-icon-size, 18px) / 2 + calc(var(--plyr-control-spacing, 10px) * 0.7));
  transform: translateX(50%);
}
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child:focus-visible .plyr__tooltip, .plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:focus-visible .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child:focus-visible .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible {
  transform: translate(0, 0) scale(1);
}
.plyr__progress {
  left: calc(8px * 0.5);
  margin-right: 8px;
  position: relative;
}
.plyr__progress input[type=range], .plyr__progress__buffer {
  margin-left: calc(8px * -0.5);
  margin-right: calc(8px * -0.5);
  width: calc(100% + 8px);
}
.plyr__progress input[type=range] {
  position: relative;
  z-index: 2;
}
.plyr__progress .plyr__tooltip {
  left: 0;
  max-width: 120px;
  overflow-wrap: break-word;
}
.plyr__progress__buffer {
  -webkit-appearance: none; /* stylelint-disable-line */
  background: transparent;
  border: 0;
  border-radius: 100px;
  height: 2px;
  left: 0;
  margin-top: calc(2px / 2 * -1);
  padding: 0;
  position: absolute;
  top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
  background: transparent;
}
.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 2px;
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 2px;
  -moz-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -ms-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(12, 13, 14, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(12, 13, 14, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(12, 13, 14, 0.6)) 75%, transparent 75%, transparent);
  background-repeat: repeat-x;
  background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
  color: transparent;
}
.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25));
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: var(--plyr-audio-progress-buffered-background, rgba(239, 240, 241, 0.6));
}
.plyr__progress__marker {
  background-color: var(--plyr-progress-marker-background, #fff);
  border-radius: 1px;
  height: 2px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--plyr-progress-marker-width, 3px);
  z-index: 3;
}
.plyr__volume {
  align-items: center;
  display: flex;
  position: relative;
}
.plyr__volume input[type=range] {
  margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
  margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
  max-width: 90px;
  min-width: 60px;
  position: relative;
  z-index: 2;
}
.plyr--audio {
  display: block;
}
.plyr--audio .plyr__controls {
  background: var(--plyr-audio-controls-background, #fff);
  border-radius: inherit;
  color: var(--plyr-audio-control-color, #323639);
  padding: var(--plyr-control-spacing, 10px);
}
.plyr--audio .plyr__control:focus-visible, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
  background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, #fbfcff));
  color: var(--plyr-audio-control-color-hover, #fff);
}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(239, 240, 241, 0.6)));
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(239, 240, 241, 0.6)));
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(239, 240, 241, 0.6)));
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(12, 13, 14, 0.15), 0 0 0 1px rgba(12, 13, 14, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(12, 13, 14, 0.1));
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(12, 13, 14, 0.15), 0 0 0 1px rgba(12, 13, 14, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(12, 13, 14, 0.1));
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(12, 13, 14, 0.15), 0 0 0 1px rgba(12, 13, 14, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(12, 13, 14, 0.1));
}
.plyr--audio .plyr__progress__buffer {
  color: var(--plyr-audio-progress-buffered-background, rgba(239, 240, 241, 0.6));
}
.plyr--video {
  overflow: hidden;
}
.plyr--video.plyr--menu-open {
  overflow: visible;
}
.plyr__video-wrapper {
  background: var(--plyr-video-background, transparent);
  border-radius: inherit;
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
  aspect-ratio: 16/9;
}
@supports not (aspect-ratio: 16/9) {
.plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}
}
.plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%);
}
.plyr--video .plyr__controls {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: var(--plyr-video-control-color, #fff);
  left: 0;
  padding: calc(var(--plyr-control-spacing, 10px) / 2);
  padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
  position: absolute;
  right: 0;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  z-index: 3;
}
@media (min-width: 480px) {
.plyr--video .plyr__controls {
    padding: var(--plyr-control-spacing, 10px);
    padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
}
}
.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}
.plyr--video .plyr__control:focus-visible, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
  background: rgba(255, 255, 255, 0.9);
  color: #000;
}
.plyr__control--overlaid {
  background: rgba(255, 255, 255, 0.9);
  border: 0;
  border-radius: 100%;
  color: var(--plyr-video-control-color, #fff);
  display: none;
  left: 50%;
  opacity: 0.9;
  padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  z-index: 2;
}
.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}
.plyr__control--overlaid:hover, .plyr__control--overlaid:focus {
  opacity: 1;
}
.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(12, 13, 14, 0.15), 0 0 0 1px rgba(12, 13, 14, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(12, 13, 14, 0.15), 0 0 0 1px rgba(12, 13, 14, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(12, 13, 14, 0.15), 0 0 0 1px rgba(12, 13, 14, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
}
.plyr--video .plyr__progress__buffer {
  color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25));
}
.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:fullscreen video {
  height: 100%;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
.plyr:fullscreen .plyr__captions {
    font-size: clamp(1.27rem, 0.51vw + 1.16rem, 1.78rem);
}
}
.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000000;
}
.plyr--fullscreen-fallback video {
  height: 100%;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
.plyr--fullscreen-fallback .plyr__captions {
    font-size: clamp(1.27rem, 0.51vw + 1.16rem, 1.78rem);
}
}
.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.plyr__ads > div, .plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}
.plyr__ads::after {
  background: #0c0d0e;
  border-radius: 2px;
  bottom: var(--plyr-control-spacing, 10px);
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: var(--plyr-control-spacing, 10px);
  z-index: 3;
}
.plyr__ads:empty::after {
  display: none;
}
.plyr__cues {
  background: currentColor;
  display: block;
  height: 2px;
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  z-index: 3;
}
.plyr__preview-thumb {
  background-color: var(--plyr-tooltip-background, #fff);
  border-radius: var(--plyr-menu-radius, 8px);
  bottom: 100%;
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
  opacity: 0;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  z-index: 2;
}
.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}
.plyr__preview-thumb::before {
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: calc(50% + var(--preview-arrow-offset));
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.plyr__preview-thumb__image-container {
  background: #eff0f1;
  border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.plyr__preview-thumb__image-container img, .plyr__preview-thumb__image-container::after {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr__preview-thumb__image-container::after {
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
  content: "";
  pointer-events: none;
}
.plyr__preview-thumb__image-container img {
  max-height: none;
  max-width: none;
}
.plyr__preview-thumb__time-container {
  background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));
  border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  bottom: 0;
  left: 0;
  line-height: 1.1;
  padding: 20px 6px 6px;
  position: absolute;
  right: 0;
  z-index: 3;
}
.plyr__preview-thumb__time-container span {
  color: #fff;
  font-size: clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem);
}
.plyr__preview-scrubbing {
  bottom: 0;
  filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}
.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr--no-transition {
  transition: none !important;
}
.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  border: 0 !important;
  height: 1px !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}
.plyr [hidden] {
  display: none !important;
}
.plyr__control--overlaid {
  opacity: 1;
}
.plyr__control--overlaid:not(.plyr__control--custom) {
  border: 2px solid #fff;
  border-radius: 4px;
  background-color: #fff;
  color: #010205;
  padding: 16px;
  transition-duration: var(--pcom-motion-duration-short);
}
@media (hover: hover) and (pointer: fine) {
.plyr__control--overlaid:not(.plyr__control--custom):hover {
    background-color: #afb0b3;
    border-color: #afb0b3;
}
}
.plyr__control--overlaid:not(.plyr__control--custom):focus-visible {
  outline: 2px solid #1a44ea;
}
.plyr__control--overlaid:not(.plyr__control--custom) svg {
  scale: 0.777777;
}
.plyr--video .plyr__control.plyr__control--custom:focus-visible {
  outline: 2px solid #1a44ea;
  background: inherit;
  color: inherit;
}
@media (hover: none) and (pointer: coarse) {
.plyr--video .plyr__control.plyr__control--custom:hover {
    border-color: currentcolor;
    background: inherit;
    color: #fbfcff;
}
}
.plyr--video .plyr__controls {
  padding-left: 7%;
  padding-right: 7%;
  padding-bottom: 7%;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}
.plyr--video .plyr__controls button.plyr__controls__item, .plyr--video .plyr__controls .plyr__controls__item > button.plyr__control {
  padding: 0.4375rem;
}
.plyr--video .plyr__controls .plyr__controls__item {
  margin-left: 8px;
}
.plyr--video .plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
}
.plyr__video-wrapper .plyr__poster {
  background-size: cover;
}
.PcomVideoPlyr__disablePointer__52e15 .plyr__poster {
  pointer-events: none;
}
.PcomVideoPlyr__hideControls__52e15 .plyr__controls {
  display: none;
}
/* stylelint-disable-next-line selector-class-pattern -- override global plyr classes */
.plyr__control.PcomVideoPlyr__smallButton__52e15 {
  background: none;
  transform: none;
  bottom: 0;
  top: initial;
  left: initial;
  right: 0;
  padding: 13px;
  border: 2px solid currentcolor;
  border-radius: 4px;
  margin: var(--pcom-spacing-medium);
  color: #fbfcff;
  transition-duration: var(--pcom-motion-duration-short);
  /* stylelint-disable-next-line selector-class-pattern -- override global plyr classes */
}
@media (hover: hover) and (pointer: fine) {
.plyr__control.PcomVideoPlyr__smallButton__52e15:hover {
    border-color: #88898c;
    background-color: rgba(148, 149, 152, 0.18);
    color: #fff;
    backdrop-filter: blur(32px);
    -webkit-backdrop-filter: blur(32px);
}
}
.plyr--playing .plyr__control.PcomVideoPlyr__smallButton__52e15 {
  visibility: visible;
  opacity: 1;
}
.plyr__control.PcomVideoPlyr__smallButton__52e15 .PcomVideoPlyr__smallButtonIcon__52e15 {
  width: 1.5rem;
  height: 1.5rem;
  filter: invert(100%) sepia(91%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%);
}
@media (min-width: 1000px) {
.plyr__control.PcomVideoPlyr__smallButton__52e15 .PcomVideoPlyr__smallButtonIcon__52e15 {
    width: 1.5rem;
    height: 1.5rem;
}
}
@media (min-width: 1300px) {
.plyr__control.PcomVideoPlyr__smallButton__52e15 .PcomVideoPlyr__smallButtonIcon__52e15 {
    width: 2rem;
    height: 2rem;
}
}
.PcomVideoPlyr__playButton__52e15 {
  border-radius: 50%;
  background: #fbfcff;
  color: #0e0e12;
}
@media (hover: hover) and (pointer: fine) {
.PcomVideoPlyr__playButton__52e15:hover {
    color: #fff;
}
}
.plyr .PcomVideoPlyr__playButton__52e15 {
  line-height: 1;
}
.plyr--video .plyr__controls .PcomVideoPlyr__muteButton__52e15,
.plyr--video .plyr__controls .PcomVideoPlyr__fullscreenButton__52e15 {
  background: transparent;
}
@media (hover: hover) and (pointer: fine) {
.plyr--video .plyr__controls .PcomVideoPlyr__muteButton__52e15:hover,
  .plyr--video .plyr__controls .PcomVideoPlyr__fullscreenButton__52e15:hover {
    color: #fbfcff;
}
}
.PcomVideoPlyr__letterbox__52e15.plyr--video {
  height: 100%;
}
.PcomVideoPlyr__letterbox__52e15 .plyr__video-embed > .plyr__video-embed__container {
  transform: none;
  padding-bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.PcomVideoPlyr__nativeVideoWrapper__52e15 {
  display: contents;
}
.PcomVideoPlyr__nativeVideo__52e15 {
  width: 100%;
  height: auto;
  vertical-align: top;
}/* stylelint-disable -- Import Pannellum styles */
/* Pannellum 2.5.6, https://github.com/mpetroff/pannellum */
.pnlm-container {
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  cursor: default;
  width: 100%;
  height: 100%;
  font-family: Helvetica, "Nimbus Sans L", "Liberation Sans", Arial, sans-serif;
  background: #f4f4f4
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2267%22%20height%3D%22100%22%20viewBox%3D%220%200%2067%20100%22%3E%0A%3Cpath%20stroke%3D%22%23ccc%22%20fill%3D%22none%22%20d%3D%22M33.5%2C50%2C0%2C63%2C33.5%2C75%2C67%2C63%2C33.5%2C50m-33.5-50%2C67%2C25m-0.5%2C0%2C0%2C75m-66.5-75%2C67-25m-33.5%2C75%2C0%2C25m0-100%2C0%2C50%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    repeat;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  outline: 0;
  line-height: 1.4;
  contain: content;
}
.pnlm-container * {
  box-sizing: content-box;
}
.pnlm-ui {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.pnlm-grab {
  cursor: grab;
  cursor:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s6.38-6.73%204.64-8.24-3.47%201.01-3.47%201.01%203.61-5.72%201.41-6.49c-2.2-0.769-3.33%204.36-3.33%204.36s0.873-5.76-1.06-5.76-1.58%205.39-1.58%205.39-0.574-4.59-2.18-4.12c-1.61%200.468-0.572%205.51-0.572%205.51s-1.58-4.89-2.93-3.79c-1.35%201.11%200.258%205.25%200.572%206.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A")
      12 8,
    default;
}
.pnlm-grabbing {
  cursor: grabbing;
  cursor:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s5.07-5.29%203.77-6.74c-1.31-1.45-2.53%200.14-2.53%200.14s2.74-3.29%200.535-4.06c-2.2-0.769-2.52%201.3-2.52%201.3s0.81-2.13-1.12-2.13-1.52%201.77-1.52%201.77-0.261-1.59-1.87-1.12c-1.61%200.468-0.874%202.17-0.874%202.17s-0.651-1.55-2-0.445c-1.35%201.11-0.68%202.25-0.365%203.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A")
      12 8,
    default;
}
.pnlm-sprite {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%22208%22%3E%0A%3Ccircle%20fill-opacity%3D%22.78%22%20cy%3D%22117%22%20cx%3D%2213%22%20r%3D%2211%22%20fill%3D%22%23fff%22%2F%3E%0A%3Ccircle%20fill-opacity%3D%22.78%22%20cy%3D%22143%22%20cx%3D%2213%22%20r%3D%2211%22%20fill%3D%22%23fff%22%2F%3E%0A%3Ccircle%20cy%3D%22169%22%20cx%3D%2213%22%20r%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cy%3D%22195%22%20cx%3D%2213%22%20r%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2213%22%20cy%3D%22195%22%20r%3D%222.5%22%2F%3E%0A%3Cpath%20d%3D%22m5%2083v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-5%205v6h6v-6zm-5%205v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z%22%2F%3E%0A%3Cpath%20d%3D%22m13%20110a7%207%200%200%200%20-7%207%207%207%200%200%200%207%207%207%207%200%200%200%207%20-7%207%207%200%200%200%20-7%20-7zm-1%203h2v2h-2zm0%203h2v5h-2z%22%2F%3E%0A%3Cpath%20d%3D%22m5%2057v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-10%2010v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z%22%2F%3E%0A%3Cpath%20d%3D%22m17%2038v2h-8v-2z%22%2F%3E%0A%3Cpath%20d%3D%22m12%209v3h-3v2h3v3h2v-3h3v-2h-3v-3z%22%2F%3E%0A%3Cpath%20d%3D%22m13%20136-6.125%206.125h4.375v7.875h3.5v-7.875h4.375z%22%2F%3E%0A%3Cpath%20d%3D%22m10.428%20173.33v-5.77l5-2.89v5.77zm1-1.73%203-1.73-3.001-1.74z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.pnlm-container:fullscreen {
  height: 100% !important;
  width: 100% !important;
  position: static !important;
}
.pnlm-render-container {
  cursor: inherit;
  position: absolute;
  height: 100%;
  width: 100%;
}
.pnlm-controls {
  margin-top: 4px;
  background-color: #fff;
  border: 1px solid #999;
  border-color: rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  cursor: pointer;
  z-index: 2;
  transform: translateZ(9999px);
}
.pnlm-control:hover {
  background-color: #f8f8f8;
}
.pnlm-controls-container {
  position: absolute;
  top: 0;
  left: 4px;
  z-index: 1;
}
.pnlm-zoom-controls {
  width: 26px;
  height: 52px;
}
.pnlm-zoom-in {
  width: 100%;
  height: 50%;
  position: absolute;
  top: 0;
  border-radius: 3px 3px 0 0;
}
.pnlm-zoom-out {
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  background-position: 0 -26px;
  border-top: 1px solid #ddd;
  border-top-color: rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}
.pnlm-fullscreen-toggle-button,
.pnlm-orientation-button,
.pnlm-hot-spot-debug-indicator {
  width: 26px;
  height: 26px;
}
.pnlm-hot-spot-debug-indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 13px;
  display: none;
}
.pnlm-orientation-button-inactive {
  background-position: 0 -156px;
}
.pnlm-orientation-button-active {
  background-position: 0 -182px;
}
.pnlm-fullscreen-toggle-button-inactive {
  background-position: 0 -52px;
}
.pnlm-fullscreen-toggle-button-active {
  background-position: 0 -78px;
}
.pnlm-panorama-info {
  position: absolute;
  bottom: 4px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 0 3px 3px 0;
  padding-right: 10px;
  color: #fff;
  text-align: left;
  display: none;
  z-index: 2;
  transform: translateZ(9999px);
}
.pnlm-title-box {
  position: relative;
  font-size: 20px;
  display: table;
  padding-left: 5px;
  margin-bottom: 3px;
}
.pnlm-author-box {
  position: relative;
  font-size: 12px;
  display: table;
  padding-left: 5px;
}
.pnlm-load-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 150px;
  margin: -75px 0 0 -100px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
  text-align: center;
  font-size: 20px;
  display: none;
  color: #fff;
}
.pnlm-load-box p {
  margin: 20px 0;
}
.pnlm-lbox {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  display: none;
}
.pnlm-loading {
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-name: pnlm-mv;
  -webkit-animation-name: pnlm-mv;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  height: 10px;
  width: 10px;
  background-color: #fff;
  position: relative;
}
@keyframes pnlm-mv {
  from {
    left: 0;
    top: 0;
  }
  25% {
    left: 10px;
    top: 0;
  }
  50% {
    left: 10px;
    top: 10px;
  }
  75% {
    left: 0;
    top: 10px;
  }
  to {
    left: 0;
    top: 0;
  }
}
.pnlm-load-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 100px;
  margin: -50px 0 0 -100px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
  text-align: center;
  font-size: 20px;
  display: table;
  color: #fff;
  cursor: pointer;
}
.pnlm-load-button:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.pnlm-load-button p {
  display: table-cell;
  vertical-align: middle;
}
.pnlm-info-box {
  font-size: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 150px;
  margin: -75px 0 0 -100px;
  background-color: #000;
  border-radius: 3px;
  display: table;
  text-align: center;
  color: #fff;
  table-layout: fixed;
}
.pnlm-info-box a,
.pnlm-author-box a {
  color: #fff;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.pnlm-info-box p {
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px 0 5px;
}
.pnlm-error-msg {
  display: none;
}
.pnlm-about-msg {
  font-size: 11px;
  line-height: 11px;
  color: #fff;
  padding: 5px 8px 5px 8px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
  position: absolute;
  top: 50px;
  left: 50px;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: 1;
}
.pnlm-about-msg a:link,
.pnlm-about-msg a:visited {
  color: #fff;
}
.pnlm-about-msg a:hover,
.pnlm-about-msg a:active {
  color: #eee;
}
.pnlm-hotspot-base {
  position: absolute;
  visibility: hidden;
  cursor: default;
  vertical-align: middle;
  top: 0;
  z-index: 1;
}
.pnlm-hotspot {
  height: 26px;
  width: 26px;
  border-radius: 13px;
}
.pnlm-hotspot:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.pnlm-hotspot.pnlm-info {
  background-position: 0 -104px;
}
.pnlm-hotspot.pnlm-scene {
  background-position: 0 -130px;
}
div.pnlm-tooltip span {
  visibility: hidden;
  position: absolute;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: center;
  max-width: 200px;
  padding: 5px 10px;
  margin-left: -220px;
  cursor: default;
}
div.pnlm-tooltip:hover span {
  visibility: visible;
}
div.pnlm-tooltip:hover span:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
  bottom: -20px;
  left: -10px;
  margin: 0 50%;
}
.pnlm-compass {
  position: absolute;
  width: 50px;
  height: 50px;
  right: 4px;
  bottom: 4px;
  border-radius: 25px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2250%22%20width%3D%2250%22%3E%0A%3Cpath%20d%3D%22m24.5078%206-3.2578%2018h7.5l-3.25781-18h-0.984376zm-3.2578%2020%203.2578%2018h0.9844l3.2578-18h-7.5zm1.19531%200.9941h5.10938l-2.5547%2014.1075-2.5547-14.1075z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  cursor: default;
  display: none;
}
.pnlm-world {
  position: absolute;
  left: 50%;
  top: 50%;
}
.pnlm-face {
  position: absolute;
  transform-origin: 0 0;
}
.pnlm-dragfix,
.pnlm-preview-img {
  position: absolute;
  height: 100%;
  width: 100%;
}
.pnlm-preview-img {
  background-size: cover;
  background-position: center;
}
.pnlm-lbar {
  width: 150px;
  margin: 0 auto;
  border: #fff 1px solid;
  height: 6px;
}
.pnlm-lbar-fill {
  background: #fff;
  height: 100%;
  width: 0;
}
.pnlm-lmsg {
  font-size: 12px;
}
.pnlm-fade-img {
  position: absolute;
  top: 0;
  left: 0;
}
.pnlm-pointer {
  cursor: pointer;
}
.CarViewerInteriorControls__zoomControls__ac381 {
  position: absolute;
  right: var(--pcom-spacing-medium);
  bottom: var(--pcom-spacing-medium);
  z-index: 3;
}
.CarViewerInteriorControls__deviceOrientationControls__ac381 {
  position: absolute;
  bottom: var(--pcom-spacing-medium);
  z-index: 3;
}
.CarViewerInteriorControls__inner__ac381 {
  display: flex;
  justify-content: center;
}.CarViewerInterior__root__13afa {
  position: absolute;
  inset: 0;
  visibility: hidden;
}
.CarViewerInterior__root__13afa.CarViewerInterior__visible__13afa {
  visibility: visible;
}
.CarViewerInterior__root__13afa::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 15%;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(to top, #010205 0%, rgba(1, 2, 5, 0.987) 3.4%, rgba(1, 2, 5, 0.951) 7.9%, rgba(1, 2, 5, 0.896) 13.4%, rgba(1, 2, 5, 0.825) 19.7%, rgba(1, 2, 5, 0.741) 26.6%, rgba(1, 2, 5, 0.648) 34%, rgba(1, 2, 5, 0.55) 41.9%, rgba(1, 2, 5, 0.45) 49.9%, rgba(1, 2, 5, 0.352) 58%, rgba(1, 2, 5, 0.259) 66.1%, rgba(1, 2, 5, 0.175) 73.9%, rgba(1, 2, 5, 0.104) 81.3%, rgba(1, 2, 5, 0.049) 88.3%, rgba(1, 2, 5, 0.013) 94.5%, rgba(1, 2, 5, 0) 100%);
}
@media (min-width: 0px) and (max-width: 999px) {
.CarViewerInterior__root__13afa::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 15%;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(to bottom, #010205 0%, rgba(1, 2, 5, 0.987) 3.4%, rgba(1, 2, 5, 0.951) 7.9%, rgba(1, 2, 5, 0.896) 13.4%, rgba(1, 2, 5, 0.825) 19.7%, rgba(1, 2, 5, 0.741) 26.6%, rgba(1, 2, 5, 0.648) 34%, rgba(1, 2, 5, 0.55) 41.9%, rgba(1, 2, 5, 0.45) 49.9%, rgba(1, 2, 5, 0.352) 58%, rgba(1, 2, 5, 0.259) 66.1%, rgba(1, 2, 5, 0.175) 73.9%, rgba(1, 2, 5, 0.104) 81.3%, rgba(1, 2, 5, 0.049) 88.3%, rgba(1, 2, 5, 0.013) 94.5%, rgba(1, 2, 5, 0) 100%);
}
}
.CarViewerInterior__guide__13afa {
  position: absolute;
  bottom: var(--pcom-spacing-medium);
  z-index: 3;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}
.CarViewerInterior__pannellum__13afa {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: auto;
}
.pnlm-ui .pnlm-about-msg {
  display: none;
  visibility: hidden;
}.CarViewerExteriorControls__buttonsWrapper__7be82 {
  position: absolute;
  bottom: var(--pcom-spacing-medium);
  z-index: 3;
  touch-action: pan-x pan-y;
}
@media (min-width: 0px) and (max-width: 999px) and (orientation: landscape) and (any-pointer: coarse) {
.CarViewerExteriorControls__buttonsWrapper__7be82 {
    right: var(--pcom-spacing-medium);
}
}
@media (min-width: 1000px) {
.CarViewerExteriorControls__buttonsWrapper__7be82 {
    right: var(--pcom-spacing-medium);
}
}
.CarViewerExteriorControls__inner__7be82 {
  display: flex;
  justify-content: center;
}
.CarViewerExteriorControls__arrowButton__7be82 {
  transition: opacity 300ms ease;
  transition-delay: 800ms;
  visibility: visible;
  touch-action: none;
}
.CarViewerExteriorControls__arrowButton__7be82.CarViewerExteriorControls__hidden__7be82 {
  opacity: 0;
  transition-duration: 150ms;
  transition-delay: 0ms;
  pointer-events: none;
}
.CarViewerExteriorControls__arrowButton__7be82.CarViewerExteriorControls__disabled__7be82 {
  pointer-events: none;
  cursor: not-allowed;
}
@media (min-width: 0px) and (max-width: 999px) and (orientation: landscape) and (any-pointer: coarse) {
.CarViewerExteriorControls__zoomButton__7be82 {
    display: none;
    opacity: 0;
    visibility: hidden;
}
}
@media (min-width: 1000px) {
.CarViewerExteriorControls__zoomButton__7be82 {
    display: none;
    opacity: 0;
    visibility: hidden;
}
}.CarViewerExterior__root__38b20 {
  position: absolute;
  inset: 0;
  content-visibility: hidden;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.CarViewerExterior__root__38b20.CarViewerExterior__visible__38b20 {
  content-visibility: visible;
}
.CarViewerExterior__inner__38b20 {
  position: relative;
  width: 100%;
  height: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.CarViewerExterior__viewer__38b20 {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: scale 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.CarViewerExterior__viewer__38b20::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 20%;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(to top, #010205 0%, rgba(1, 2, 5, 0.987) 3.4%, rgba(1, 2, 5, 0.951) 7.9%, rgba(1, 2, 5, 0.896) 13.4%, rgba(1, 2, 5, 0.825) 19.7%, rgba(1, 2, 5, 0.741) 26.6%, rgba(1, 2, 5, 0.648) 34%, rgba(1, 2, 5, 0.55) 41.9%, rgba(1, 2, 5, 0.45) 49.9%, rgba(1, 2, 5, 0.352) 58%, rgba(1, 2, 5, 0.259) 66.1%, rgba(1, 2, 5, 0.175) 73.9%, rgba(1, 2, 5, 0.104) 81.3%, rgba(1, 2, 5, 0.049) 88.3%, rgba(1, 2, 5, 0.013) 94.5%, rgba(1, 2, 5, 0) 100%);
}
.CarViewerExterior__viewer__38b20::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -0.5px;
  height: 20%;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(to bottom, #010205 0%, rgba(1, 2, 5, 0.987) 3.4%, rgba(1, 2, 5, 0.951) 7.9%, rgba(1, 2, 5, 0.896) 13.4%, rgba(1, 2, 5, 0.825) 19.7%, rgba(1, 2, 5, 0.741) 26.6%, rgba(1, 2, 5, 0.648) 34%, rgba(1, 2, 5, 0.55) 41.9%, rgba(1, 2, 5, 0.45) 49.9%, rgba(1, 2, 5, 0.352) 58%, rgba(1, 2, 5, 0.259) 66.1%, rgba(1, 2, 5, 0.175) 73.9%, rgba(1, 2, 5, 0.104) 81.3%, rgba(1, 2, 5, 0.049) 88.3%, rgba(1, 2, 5, 0.013) 94.5%, rgba(1, 2, 5, 0) 100%);
}
.CarViewerExterior__viewer__38b20.CarViewerExterior__zoomed__38b20 {
  scale: 1.5;
}
.CarViewerExterior__viewer__38b20.CarViewerExterior__mobileViewer__38b20 {
  touch-action: pan-x pan-y;
}
.CarViewerExterior__viewer__38b20 .cloudimage-360-loader,
.CarViewerExterior__viewer__38b20 .cloudimage-360-view-360-icon {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.CarViewerExterior__guide__38b20 {
  position: absolute;
  bottom: var(--pcom-spacing-medium);
  z-index: 3;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}.CarViewerSwitcher__root__d197f {
  position: absolute;
  top: var(--pcom-spacing-medium);
  padding: 12px;
  background-color: rgba(38, 38, 41, 0.67);
  z-index: 4;
  border-radius: 8px;
  touch-action: pan-x pan-y;
}
@media (min-width: 0px) and (max-width: 479px) {
.CarViewerSwitcher__root__d197f {
    left: var(--pcom-spacing-medium);
    right: var(--pcom-spacing-medium);
}
}
@media (min-width: 0px) and (max-width: 759px) {
.CarViewerSwitcher__root__d197f.CarViewerSwitcher__compact__d197f {
    right: unset;
    left: var(--pcom-spacing-medium);
}
.CarViewerSwitcher__root__d197f.CarViewerSwitcher__compact__d197f .CarViewerSwitcher__button__d197f {
    width: auto;
}
}
@media (min-width: 0px) and (max-width: 999px) and (orientation: landscape) and (any-pointer: coarse) {
.CarViewerSwitcher__root__d197f {
    top: var(--pcom-spacing-small);
}
}
.CarViewerSwitcher__button__d197f {
  width: calc((100vw - var(--pcom-spacing-medium) * 4) / 2);
  order: 2;
}
@media (min-width: 480px) {
.CarViewerSwitcher__button__d197f {
    width: 150px;
}
}
.CarViewerSwitcher__button__d197f.CarViewerSwitcher__default__d197f {
  order: 1;
}.CardSliderItemModal__modal__ee73f {
  /* stylelint-disable custom-property-pattern -- override PDS Modal styles */
  /* stylelint-enable custom-property-pattern */
}
@media (min-width: 760px) {
.CardSliderItemModal__modal__ee73f {
    --p-modal-width: clamp(650px, 86vw, 1300px);
}
}
@media (min-width: 760px) {
.CardSliderItemModal__inner__ee73f {
    aspect-ratio: 16/9;
    overflow: hidden;
    position: relative;
}
}
.CardSliderItemModal__video__ee73f {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.CardSliderItemModal__closeButton__ee73f {
  position: absolute;
  right: 24px;
  top: 24px;
  z-index: 2;
}.CrossLinkTeaserItemDefault__textContainer__f1502 {
  position: relative;
  grid-area: 2/1/3/2;
  z-index: 1;
  box-sizing: border-box;
  padding: var(--pcom-spacing-large) var(--pcom-spacing-medium) var(--pcom-spacing-medium);
}
.CrossLinkTeaserItemDefault__textContainer__f1502::after {
  background: linear-gradient(to top, rgba(31, 31, 31, 0.9) 0%, rgba(31, 31, 31, 0.9) 20%, rgba(31, 31, 31, 0.852589) 26.67%, rgba(32, 32, 32, 0.768225) 33.33%, rgba(33, 33, 33, 0.668116) 40%, rgba(34, 34, 34, 0.557309) 46.67%, rgba(35, 35, 35, 0.442691) 53.33%, rgba(36, 36, 36, 0.331884) 60%, rgba(37, 37, 37, 0.231775) 66.67%, rgba(38, 38, 38, 0.147411) 73.33%, rgba(39, 39, 39, 0.0816599) 80%, rgba(39, 39, 39, 0.03551) 86.67%, rgba(39, 39, 39, 0.0086472) 93.33%, rgba(39, 39, 39, 0) 100%);
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 12px;
}
@media (min-width: 1000px) {
.CrossLinkTeaserItemDefault__textContainer__f1502.CrossLinkTeaserItemDefault__fullSize__f1502 {
    position: unset;
    align-self: center;
    padding: var(--pcom-spacing-large);
}
.CrossLinkTeaserItemDefault__textContainer__f1502.CrossLinkTeaserItemDefault__fullSize__f1502::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 50%;
    inset: 0;
    z-index: -1;
}
.CrossLinkTeaserItemDefault__textContainer__f1502.CrossLinkTeaserItemDefault__fullSize__f1502.CrossLinkTeaserItemDefault__align-left__f1502 {
    grid-area: 1/1/3/2;
}
.CrossLinkTeaserItemDefault__textContainer__f1502.CrossLinkTeaserItemDefault__fullSize__f1502.CrossLinkTeaserItemDefault__align-right__f1502 {
    grid-area: 1/2/3/3;
}
.CrossLinkTeaserItemDefault__textContainer__f1502.CrossLinkTeaserItemDefault__fullSize__f1502.CrossLinkTeaserItemDefault__align-left__f1502::after {
    background: linear-gradient(to right, rgba(31, 31, 31, 0.9) 0%, rgba(31, 31, 31, 0.9) 20%, rgba(31, 31, 31, 0.852589) 26.67%, rgba(32, 32, 32, 0.768225) 33.33%, rgba(33, 33, 33, 0.668116) 40%, rgba(34, 34, 34, 0.557309) 46.67%, rgba(35, 35, 35, 0.442691) 53.33%, rgba(36, 36, 36, 0.331884) 60%, rgba(37, 37, 37, 0.231775) 66.67%, rgba(38, 38, 38, 0.147411) 73.33%, rgba(39, 39, 39, 0.0816599) 80%, rgba(39, 39, 39, 0.03551) 86.67%, rgba(39, 39, 39, 0.0086472) 93.33%, rgba(39, 39, 39, 0) 100%);
}
.CrossLinkTeaserItemDefault__textContainer__f1502.CrossLinkTeaserItemDefault__fullSize__f1502.CrossLinkTeaserItemDefault__align-right__f1502::after {
    background: linear-gradient(to left, rgba(31, 31, 31, 0.9) 0%, rgba(31, 31, 31, 0.9) 20%, rgba(31, 31, 31, 0.852589) 26.67%, rgba(32, 32, 32, 0.768225) 33.33%, rgba(33, 33, 33, 0.668116) 40%, rgba(34, 34, 34, 0.557309) 46.67%, rgba(35, 35, 35, 0.442691) 53.33%, rgba(36, 36, 36, 0.331884) 60%, rgba(37, 37, 37, 0.231775) 66.67%, rgba(38, 38, 38, 0.147411) 73.33%, rgba(39, 39, 39, 0.0816599) 80%, rgba(39, 39, 39, 0.03551) 86.67%, rgba(39, 39, 39, 0.0086472) 93.33%, rgba(39, 39, 39, 0) 100%);
    left: 50%;
}
}

/* stylelint-disable-next-line selector-max-type -- For supporting VMCE, we have to use this rule */
.CrossLinkTeaserItemDefault__heading__f1502 > p {
  font: normal normal 600 clamp(1.27rem, 0.51vw + 1.16rem, 1.78rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}
.CrossLinkTeaserItemDefault__copyText__f1502 {
  margin-top: var(--pcom-spacing-x-small);
}
@media (min-width: 1300px) {
.CrossLinkTeaserItemDefault__fullSize__f1502 .CrossLinkTeaserItemDefault__copyText__f1502 {
    max-width: 90%;
}
}.CrossLinkTeaserItemParallax__root__00608 {
  position: relative;
  grid-area: 1/1/1/1;
  z-index: 1;
  box-sizing: border-box;
  padding: 0 var(--pcom-spacing-medium);
  /* stylelint-disable-next-line selector-max-type -- needed for the VMCE fixes */
}
.CrossLinkTeaserItemParallax__root__00608 sup {
  font-feature-settings: "sups" on;
  font-size: inherit;
  position: static;
  line-height: inherit;
  padding: 0;
  vertical-align: baseline;
}
@supports (font-variant-position: super) {
.CrossLinkTeaserItemParallax__root__00608 sup {
    font-feature-settings: "sups" off, "sups";
    font-variant-position: super;
}
}
.CrossLinkTeaserItemParallax__message__00608 {
  margin-top: var(--pcom-spacing-medium);
}

/* stylelint-disable-next-line selector-max-type -- For supporting VMCE, we have to use this rule */
.CrossLinkTeaserItemParallax__message__00608 p {
  font: inherit;
  line-height: inherit;
}
.CrossLinkTeaserItemParallax__valuesWrapper__00608 {
  display: flex;
  flex-direction: column;
}
.CrossLinkTeaserItemParallax__inner__00608 {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}
.CrossLinkTeaserItemParallax__highlightedValue__00608 {
  font-size: clamp(4.375rem, 6.25vw + 3.125rem, 10rem);
  margin-right: 16px;
  line-height: 1;
}
.CrossLinkTeaserItemParallax__ctaWrapper__00608 {
  padding: 0 var(--pcom-spacing-medium) var(--pcom-spacing-medium);
  grid-area: 2/1/2/1;
  margin-top: auto;
}.EngineSoundDashboard__root__e2a5b {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: var(--pcom-spacing-x-large) 1fr;
  height: 100%;
}
.EngineSoundDashboard__animation-base__e2a5b {
  transition: opacity var(--pcom-motion-duration-moderate) var(--pcom-motion-easing-in) var(--pcom-motion-duration-moderate), transform calc(var(--pcom-motion-duration-very-long) * 1.5) var(--pcom-motion-easing-in) var(--pcom-motion-duration-moderate);
}
.EngineSoundDashboard__inner__e2a5b {
  display: grid;
  align-items: center;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  grid-area: 2/1/2/1;
  overflow: hidden;
  transform: rotateX(18deg) translate3d(0, -10%, 0) scale(0.91);
  opacity: 0.2;
  transform-origin: 50% 50%;
  perspective: 1000px;
}
.EngineSoundDashboard__visible__e2a5b .EngineSoundDashboard__inner__e2a5b {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.EngineSoundDashboard__dashboard__e2a5b {
  grid-area: 1/1/1/1;
}
.EngineSoundDashboard__dashboardInner__e2a5b {
  position: relative;
  transform: scale(1.6);
}
@media (min-width: 480px) {
.EngineSoundDashboard__dashboardInner__e2a5b {
    transform: scale(1.25);
}
}
@media (min-width: 1300px) {
.EngineSoundDashboard__dashboardInner__e2a5b {
    transform: scale(1.15);
}
}
.EngineSoundDashboard__dashboardImage__e2a5b {
  margin: auto;
}
.EngineSoundDashboard__dashboardRing__e2a5b {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.EngineSoundDashboard__dashboardCircle__e2a5b {
  transition: stroke-dashoffset var(--pcom-motion-duration-short) linear;
  transform-origin: 50% 50%;
  stroke-dasharray: 355;
  stroke-dashoffset: 355;
  transform: rotate(-90deg);
}
.EngineSoundDashboard__dashboardCircle__e2a5b[with-transition] {
  transition: stroke-dashoffset var(--pcom-motion-duration-very-long) var(--pcom-motion-easing-base);
}
.EngineSoundDashboard__speedWrapper__e2a5b {
  grid-area: 1/1/1/1;
  z-index: 2;
  opacity: 0.4;
  transition: opacity var(--pcom-motion-duration-short);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 36px;
  font-weight: 600;
  line-height: initial;
}
.EngineSoundDashboard__speedWrapper__e2a5b.EngineSoundDashboard__active__e2a5b {
  opacity: 1;
}
.EngineSoundDashboard__unit__e2a5b {
  font-size: 18px;
  font-weight: 600;
  margin-top: -12px;
}
.EngineSoundDashboard__steeringWheel__e2a5b {
  position: relative;
  grid-area: 2/1/2/1;
  transform: translate3d(0, 8%, 0) rotateX(10deg);
  z-index: 1;
}
@media (min-width: 1000px) {
.EngineSoundDashboard__steeringWheel__e2a5b {
    transform: translate3d(0, 8%, 0) rotateX(10deg) scale(0.9);
}
}
.EngineSoundDashboard__visible__e2a5b .EngineSoundDashboard__steeringWheel__e2a5b {
  transform: translate3d(0, 0, 0) scale(1);
}
.EngineSoundDashboard__steeringWheelInner__e2a5b {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.EngineSoundDashboard__steeringWheelImage__e2a5b {
  object-position: bottom;
  object-fit: cover;
}
@media (min-width: 1000px) {
.EngineSoundDashboard__steeringWheelImage__e2a5b {
    object-fit: contain;
}
}.EngineSoundImage__root__c3081 {
  position: relative;
  height: 100%;
  z-index: 1;
}.EngineSoundVideo__root__23ad6 {
  position: relative;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}
.EngineSoundVideo__inner__23ad6 {
  position: absolute;
  z-index: 2;
  inset: -2px;
  clip-path: inset(2px 2px);
}
@media (min-width: 480px) and (max-width: 759px) {
.EngineSoundVideo__inner__23ad6 {
    display: flex;
    justify-content: center;
    align-items: center;
}
}.ModelIntroBackgroundVideo__root__a4e5d {
  background: #6b6d70;
  display: flex;
  grid-row: 1/-3;
  grid-column: 1/-1;
  place-self: stretch;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
@media (min-width: 1920px) {
.ModelIntroBackgroundVideo__root__a4e5d {
    background: #0e0e12;
}
}
.ModelIntroBackgroundVideo__video__a4e5d {
  max-width: 2560px;
}
@media (min-width: 1920px) {
.ModelIntroBackgroundVideo__video__a4e5d::after {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #0e0e12 0%, transparent 25%), linear-gradient(to left, #0e0e12 0%, transparent 25%);
    position: absolute;
    grid-column: 1/-1;
    z-index: 2;
}
}
.ModelIntroBackgroundVideo__pauseButton__a4e5d {
  bottom: var(--pcom-spacing-medium);
  right: var(--pcom-model-intro-grid-wide-offset);
  position: absolute;
  opacity: 0.5;
  z-index: 4;
}
@media (min-width: 760px) {
.ModelIntroBackgroundVideo__pauseButton__a4e5d {
    bottom: var(--pcom-spacing-medium);
    top: unset;
}
}.EvehModelCardTechnicalData__root__26fa7 {
  margin: auto 0 0;
  padding: var(--pcom-spacing-medium) 0 0;
  position: relative;
  z-index: 1;
  list-style-type: none;
}
.EvehModelCardTechnicalData__value__26fa7:not(:first-of-type) {
  margin-top: var(--pcom-spacing-small);
}.EvehModelCardDisclaimers__root__e7c41 {
  margin-top: var(--pcom-spacing-small);
  color: #6b6d70;
  font-size: 0.75rem;
}
.EvehModelCardDisclaimers__priceDisclaimers__e7c41 {
  margin-top: var(--pcom-spacing-x-small);
}
.EvehModelCardDisclaimers__energyLabel__e7c41 {
  position: relative;
  z-index: 3;
  cursor: text;
}.ModelOverviewNoResult__root__756b2 {
  background-color: #fff;
  padding: var(--pcom-spacing-large) var(--pcom-spacing-medium);
  border-radius: 12px;
}
.ModelOverviewNoResult__subheading__756b2 {
  margin-top: var(--pcom-spacing-small);
}
.ModelOverviewNoResult__image__756b2 {
  max-width: 80%;
  margin: var(--pcom-spacing-medium) auto 0;
}
.ModelOverviewNoResult__buttons__756b2 {
  margin-top: var(--pcom-spacing-medium);
  text-align: center;
}@media (max-width: 1299px) {
.ModelSelectMenu__root__877e6 {
    display: flex;
    justify-content: center;
}
}
@media (min-width: 1300px) {
.ModelSelectMenu__root__877e6 {
    position: sticky;
    /* stylelint-disable -- Customize Side Menu Position */
    top: calc(var(--p-flyout-sticky-top, 0) + 16px);
    /* stylelint-enable */
    align-self: flex-start;
}
}
.ModelSelectMenu__labelWrapper__877e6 {
  padding-bottom: var(--pcom-spacing-small);
}
.ModelSelectMenu__buttonsWrapper__877e6 {
  width: 250px;
}
.ModelSelectMenu__button__877e6 {
  margin: 2px 4px;
  padding: 12px;
}.TextContentParagraph__root__1a136 {
  margin-top: var(--pcom-spacing-small);
  margin-bottom: var(--pcom-spacing-small);
  /* stylelint-disable-next-line selector-max-type -- needed to fullfill requirements */
}
.TextContentParagraph__root__1a136 p {
  margin-top: var(--pcom-spacing-small);
  margin-bottom: var(--pcom-spacing-small);
}
.TextContentParagraph__small__1a136 {
  margin-top: 0;
}.TextContentHeading__root__3bff6 {
  margin-top: var(--pcom-spacing-medium);
  margin-bottom: var(--pcom-spacing-small);
}
.TextContentHeading__heading-small__3bff6 {
  margin-top: 0;
  margin-bottom: 0;
}
.TextContentHeading__spacer__3bff6 {
  margin-bottom: var(--pcom-spacing-small);
}
.TextContentHeading__spacer-x-large__3bff6 {
  font: normal normal 600 clamp(1.42rem, 0.94vw + 1.23rem, 2.37rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}
.TextContentHeading__spacer-large__3bff6 {
  font: normal normal 600 clamp(1.27rem, 0.51vw + 1.16rem, 1.78rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}
.TextContentHeading__spacer-medium__3bff6 {
  font: normal normal 600 clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}
.TextContentHeading__spacer-small__3bff6 {
  font: normal normal 600 1rem/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}.TextContentDisplay__root__4682a {
  margin-top: var(--pcom-spacing-large);
  margin-bottom: var(--pcom-spacing-medium);
}
.TextContentDisplay__disableMarginTop__4682a {
  margin-top: 0;
}.TextContentList__root__8294b {
  margin-top: var(--pcom-spacing-small);
  margin-bottom: var(--pcom-spacing-small);
}.TextContentLink__root__9bfe2 {
  display: block;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: var(--pcom-spacing-small);
}.TopicExplorerFooter__root__4618e {
  margin-top: var(--pcom-spacing-medium);
  color: #6b6d70;
  padding-bottom: var(--pcom-spacing-x-large);
  font: normal normal 400 clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
  hyphens: auto;
  overflow-wrap: break-word;
}
.TopicExplorerFooter__root__4618e.TopicExplorerFooter__theme-dark__4618e {
  color: #88898c;
}.CarViewerHotspotModal__modal__b1a27 {
  /* stylelint-disable custom-property-pattern -- override PDS Modal styles */
  /* stylelint-enable custom-property-pattern */
}
@media (min-width: 1000px) {
.CarViewerHotspotModal__modal__b1a27 {
    --p-modal-width: clamp(740px, 76vw, 1200px);
}
}
@media (min-width: 1920px) {
.CarViewerHotspotModal__modal__b1a27 {
    --p-modal-width: 1200px;
}
}
.CarViewerHotspotModal__inner__b1a27 {
  /* stylelint-disable-next-line selector-max-type -- needed for the VMCE fixes */
}
@media (min-width: 1000px) {
.CarViewerHotspotModal__inner__b1a27 {
    aspect-ratio: 15/8;
    overflow: hidden;
    position: relative;
    align-content: end;
}
}
.CarViewerHotspotModal__inner__b1a27 sup {
  font-feature-settings: "sups" on;
  font-size: inherit;
  position: static;
  line-height: inherit;
  padding: 0;
  vertical-align: baseline;
}
@supports (font-variant-position: super) {
.CarViewerHotspotModal__inner__b1a27 sup {
    font-feature-settings: "sups" off, "sups";
    font-variant-position: super;
}
}
.CarViewerHotspotModal__mediaContainer__b1a27 {
  position: absolute;
  background-color: #010205;
  inset: 0;
  overflow: hidden;
  z-index: 1;
}
.CarViewerHotspotModal__contentContainer__b1a27 {
  position: absolute;
  inset: auto 0 0;
  padding: 32px;
  z-index: 2;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
@media (min-width: 1000px) {
.CarViewerHotspotModal__contentContainer__b1a27 {
    position: relative;
    padding: var(--pcom-spacing-medium);
    inset: unset;
}
}
.CarViewerHotspotModal__contentContainer__b1a27::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to top, #010205 0%, rgba(1, 2, 5, 0.987) 3.4%, rgba(1, 2, 5, 0.951) 7.9%, rgba(1, 2, 5, 0.896) 13.4%, rgba(1, 2, 5, 0.825) 19.7%, rgba(1, 2, 5, 0.741) 26.6%, rgba(1, 2, 5, 0.648) 34%, rgba(1, 2, 5, 0.55) 41.9%, rgba(1, 2, 5, 0.45) 49.9%, rgba(1, 2, 5, 0.352) 58%, rgba(1, 2, 5, 0.259) 66.1%, rgba(1, 2, 5, 0.175) 73.9%, rgba(1, 2, 5, 0.104) 81.3%, rgba(1, 2, 5, 0.049) 88.3%, rgba(1, 2, 5, 0.013) 94.5%, rgba(1, 2, 5, 0) 100%);
}
.CarViewerHotspotModal__contentWrapper__b1a27 {
  z-index: 2;
}
@media (min-width: 760px) {
.CarViewerHotspotModal__contentWrapper__b1a27 {
    max-width: 550px;
}
}
.CarViewerHotspotModal__videoButtonWrapper__b1a27 {
  margin-left: var(--pcom-spacing-medium);
  z-index: 2;
}
.CarViewerHotspotModal__closeButton__b1a27 {
  position: absolute;
  z-index: 3;
  right: var(--pcom-spacing-medium);
  top: var(--pcom-spacing-medium);
}
@media (min-width: 1000px) {
.CarViewerHotspotModal__closeButton__b1a27 {
    top: 32px;
    right: 32px;
}
}

/* stylelint-disable-next-line selector-max-type -- For supporting VMCE, we have to use this rule */
.CarViewerHotspotModal__title__b1a27 > p {
  font: normal normal 600 clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}
.CarViewerHotspotModal__text__b1a27 {
  margin-top: 16px;
}
@media (min-width: 1000px) {
.CarViewerHotspotModal__text__b1a27 {
    padding-bottom: 8px;
}
}
.CarViewerHotspotModal__disclaimer__b1a27 {
  margin-top: 8px;
  font-size: 14px;
}
.CarViewerHotspotModal__button__b1a27 {
  margin-top: 16px;
}
.CarViewerHotspotModal__videoWrapper__b1a27 {
  position: absolute;
  inset: 0;
}
.CarViewerHotspotModal__videoController__b1a27 {
  position: absolute;
  z-index: 3;
  right: 32px;
  bottom: 32px;
}.CarViewerHotspot__root__f1752 {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.CarViewerHotspot__root__f1752.CarViewerHotspot__type-exterior__f1752 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  transform: translate3d(-50%, -50%, 0);
}
.CarViewerHotspot__inner__f1752 {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: transform 350ms, opacity 200ms;
}
.CarViewerHotspot__visible__f1752 .CarViewerHotspot__inner__f1752 {
  opacity: 1;
  pointer-events: all;
}
.CarViewerHotspot__icon__f1752 {
  width: 18px;
  height: 18px;
  z-index: 3;
}
.CarViewerHotspot__button__f1752 {
  all: unset;
  -webkit-appearance: unset;
     -moz-appearance: unset;
          appearance: unset;
  border: unset;
  padding: 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 28px;
  aspect-ratio: 1/1;
  border-radius: 4px;
  border-radius: 50%;
  z-index: 2;
  cursor: pointer;
  transition: opacity 400ms ease, transform 400ms ease;
}
.CarViewerHotspot__button__f1752:focus {
  outline: 2px solid #1a44ea;
  outline-offset: 2px;
}
.CarViewerHotspot__button__f1752:focus:not(:focus-visible) {
  outline-color: transparent;
}
.CarViewerHotspot__button__f1752.CarViewerHotspot__color-default__f1752 {
  background-color: #fff;
}
.CarViewerHotspot__button__f1752.CarViewerHotspot__color-contrast__f1752 {
  background-color: #f3be00;
}
.CarViewerHotspot__button__f1752::before {
  content: "";
  position: absolute;
  opacity: 0.8;
  width: 28px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: inherit;
  transition: opacity 400ms ease;
  animation: CarViewerHotspot__hotspotPulse__f1752 2500ms 350ms ease-out infinite;
  z-index: 1;
}
@media (min-width: 760px) {
.CarViewerHotspot__button__f1752:hover, .CarViewerHotspot__button__f1752:focus {
    transform: scale(1.2142857143);
}
.CarViewerHotspot__button__f1752:hover::before, .CarViewerHotspot__button__f1752:focus::before {
    opacity: 0;
}
}
@keyframes CarViewerHotspot__hotspotPulse__f1752 {
0% {
    transform: scale(1);
}
100% {
    opacity: 0;
    transform: scale(2);
}
}
.pnlm-sprite {
  background-image: unset;
}.CarViewerDisclaimer__root__a91cb {
  position: absolute;
  left: var(--pcom-spacing-medium);
  bottom: var(--pcom-spacing-medium);
  z-index: 3;
}.CarViewerHotspotsHelper__switcherWrapper__25f0d {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 7;
  background-color: #fff;
  padding: 6px;
  border-radius: 12px;
}
.CarViewerHotspotsHelper__frameIndicator__25f0d {
  position: absolute;
  top: 52px;
  left: 6px;
  padding: 10px;
  z-index: 7;
  border-radius: 12px;
  background-color: #fff;
}
.CarViewerHotspotsHelper__inner__25f0d {
  position: absolute;
  inset: 0;
  z-index: 6;
}.CarViewerExteriorHotspotsFramesItem__root__d9408 {
  position: absolute;
  bottom: 0;
  width: 12px;
  height: 12px;
  margin-bottom: -6px;
  margin-right: -6px;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: none;
  border-radius: 50%;
  border: 0;
  background: #88898c;
  z-index: 3;
  pointer-events: all;
  cursor: pointer;
}.CarViewerExteriorHotspotsFrames__root__afec1 {
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  bottom: 5%;
  width: 720px;
  max-width: 90vw;
}
@media (min-width: 0px) and (max-width: 759px) and (orientation: portrait) {
.CarViewerExteriorHotspotsFrames__root__afec1 {
    bottom: 50vw;
}
}
@media (min-width: 0px) and (max-width: 759px) and (orientation: landscape) {
.CarViewerExteriorHotspotsFrames__root__afec1 {
    width: 320px;
}
}
@media (min-width: 760px) {
.CarViewerExteriorHotspotsFrames__root__afec1 {
    width: 460px;
}
}
@media (min-width: 1300px) {
.CarViewerExteriorHotspotsFrames__root__afec1 {
    width: 720px;
}
}
.CarViewerExteriorHotspotsFrames__root__afec1::before {
  content: "";
  background-color: #fff;
  display: block;
  width: 12px;
  height: 12px;
  bottom: -6px;
  margin-right: -6px;
  z-index: 4;
  border-radius: 50%;
  position: absolute;
  right: 50%;
}
.CarViewerExteriorHotspotsFrames__root__afec1.CarViewerExteriorHotspotsFrames__color-contrast__afec1::before {
  background-color: #f3be00;
}
.CarViewerExteriorHotspotsFrames__graphic__afec1 {
  height: auto;
  width: 100%;
  display: block;
}.CarViewerExteriorHotspots__root__fdaed {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 1;
  transition: opacity 300ms ease;
  transition-delay: 800ms;
}
.CarViewerExteriorHotspots__root__fdaed.CarViewerExteriorHotspots__zoomed__fdaed {
  opacity: 0;
  transition-duration: 150ms;
  transition-delay: 0ms;
}