@onlive.ai/common-121 0.2.192 → 0.2.198

package/themes/custom/cupra-diagonal.theme.cjs

@@ -1,5 +1,5 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
-"use strict";var t=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var _=(a,o)=>{for(var l in o)t(a,l,{get:o[l],enumerable:!0})},p=(a,o,l,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of c(o))!s.call(a,r)&&r!==l&&t(a,r,{get:()=>o[r],enumerable:!(e=i(o,r))||e.enumerable});return a};var d=a=>p(t({},"__esModule",{value:!0}),a);var u={};_(u,{styles:()=>f});module.exports=d(u);var n=require("lit"),f=n.css`
+/*! @onlive.ai/common-121 v0.2.198 | © 2026 Onlive.ai */
+"use strict";var t=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var _=(a,o)=>{for(var l in o)t(a,l,{get:o[l],enumerable:!0})},p=(a,o,l,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of s(o))!c.call(a,r)&&r!==l&&t(a,r,{get:()=>o[r],enumerable:!(e=i(o,r))||e.enumerable});return a};var d=a=>p(t({},"__esModule",{value:!0}),a);var f={};_(f,{styles:()=>u});module.exports=d(f);var n=require("lit"),u=n.css`
 /**
  * Cupra Diagonal Theme
  */
@@ -14,6 +14,8 @@
   background-color: transparent;
   font-family: var(--ol-font-sans);
   font-weight: 300;
+  scroll-behavior: smooth;
+  text-rendering: optimizeSpeed;
 
   /* --- Brand surfaces --- */
   --cupra-color-surface-glass: #c3c3cb0d; /* Grey glass surface (~5% opacity) */
@@ -58,7 +60,7 @@
   /* --- Onlive UI typography and component overrides --- */
   --ol-font-sans: "cupra-screen", sans-serif;
   --ol-calendar-day-border-radius: 50%;
-  --ol-calendar-day-padding: 15px;
+  --ol-calendar-day-padding: 15px 14px;
   --ol-calendar-day-border: 1px solid transparent;
   --ol-calendar-day-selected-border: 1px solid rgba(250, 250, 250, 0.3);
   --ol-calendar-day-selected-hover-border: 1px solid rgba(250, 250, 250, 0.5);
@@ -74,10 +76,43 @@
   --ol-input-floating-label-font-size-medium: var(--ol-font-size-x-small);
 }
 
+/* Scrollbar styles (applies to all scrollable elements within the theme) */
+* {
+  scrollbar-width: auto;
+  scrollbar-color: var(--ol-color-neutral-400) transparent;
+}
+*::-webkit-scrollbar {
+  width: 8px;
+}
+*::-webkit-scrollbar-track {
+  background: transparent;
+}
+*::-webkit-scrollbar-thumb {
+  background: transparent;
+  border-radius: var(--ol-border-radius-large);
+  border: 3px solid transparent;
+}
+
 /* ========================================================================
    CORE ONLIVE UI COMPONENTS
    ======================================================================== */
 
+[slot="label"] h3 {
+  font-size: var(--ol-font-size-medium);
+  font-weight: 400;
+  color: var(--ol-color-neutral-900);
+  margin: 0;
+  line-height: var(--ol-line-height-dense);
+}
+
+[slot="label"] p {
+  font-size: var(--ol-font-size-small);
+  font-weight: 400;
+  color: var(--ol-color-neutral-700);
+  margin: var(--ol-spacing-2x-small) 0 0;
+  line-height: var(--ol-line-height-dense);
+}
+
 /* --- Spinner --- */
 ol-spinner {
   --track-width: 6px;
@@ -281,7 +316,7 @@ ol-carousel::part(pagination-item--active) {
 }
 .ofl__carousel__nav-item::part(label) {
   font-size: var(--ol-font-size-medium);
-  font-weight: 300;
+  font-weight: 400;
   color: var(--ol-color-neutral-900);
 }
 .ofl__carousel--showcase-mode::part(navigation-button) {
@@ -325,9 +360,10 @@ ol-radio-group::part(form-control-label) {
   font-family: var(--ol-font-sans);
   font-weight: 300;
   color: var(--ol-color-neutral-600);
+  margin-bottom: var(--ol-spacing-small);
 }
-ol-radio-group ol-radio {
-  line-height: 2.5;
+ol-radio-group ol-radio + ol-radio {
+  margin-top: var(--ol-spacing-x-small);
 }
 ol-radio-group ol-radio::part(control) {
   --toggle-size: 24px;
@@ -399,11 +435,13 @@ ol-dialog::part(panel) {
 
 /* --- Loading state --- */
 .ofl__flow__loading,
-.ofl__flow__loading-overlay {
+.ofl__flow__loading-overlay,
+.ofl__flow__transition-overlay {
   font-size: var(--ol-spacing-2x-large);
 }
 .ofl__flow__loading ol-spinner,
-.ofl__flow__loading-overlay ol-spinner {
+.ofl__flow__loading-overlay ol-spinner,
+.ofl__flow__transition-overlay ol-spinner {
   --track-width: 6px;
 }
 .ofl__flow--theme-dark .ofl__flow__loading-overlay {
@@ -422,6 +460,19 @@ ol-dialog::part(panel) {
   height: 46px;
   margin-top: 0;
 }
+.ofl__map__autocomplete-list {
+  backdrop-filter: blur(3px);
+  background: var(--cupra-color-surface-solid-96);
+  border-color: var(--cupra-color-surface-glass-10);
+  border-radius: var(--ol-border-radius-medium);
+}
+.ofl__map__autocomplete-item {
+  padding: var(--ol-spacing-small) var(--ol-spacing-medium);
+}
+.ofl__map__autocomplete-item:hover,
+.ofl__map__autocomplete-item--active {
+  background: var(--cupra-color-surface-glass-15);
+}
 .ofl__map__distance-range {
   margin-bottom: var(--ol-spacing-2x-small);
 }
@@ -527,26 +578,57 @@ ol-dialog::part(panel) {
   gap: var(--ol-spacing-2x-small);
 }
 
+/* Rating Component Styling */
+.ofl__rating {
+  --symbol-color: var(--ol-color-neutral-900);
+  --symbol-size: 2em;
+  --symbol-spacing: 0 var(--ol-spacing-medium) 0 0;
+  margin-bottom: var(--ol-spacing-large);
+}
+.ofl__rating__label {
+  margin-bottom: var(--ol-spacing-large);
+  margin-top: var(--ol-spacing-large);
+}
+
 /* ========================================================================
    PAGE LAYOUT
    ======================================================================== */
 
 /* Landing installations */
-.oip__page__content {
+.oip__page {
+  background-image: url(https://ds-assets.cupra.com/backgrounds/cupra-diagonal/default-xs.svg);
+  background-position: 0 0;
   background-color: var(--cupra-color-surface-solid);
+  background-repeat: repeat-y;
+  background-size: 100% auto;
+}
+.oip__page__header {
+  max-width: 1400px;
+  margin: 0 auto;
+  width: 100%;
+  backdrop-filter: blur(12px);
+}
+.oip__page__content {
+  flex: 1;
+  max-width: 1400px;
+  margin: 0 auto;
+  align-items: center;
 }
 .oip__page__content .oip__page__installation {
   display: flex;
-  align-items: center;
+  align-items: self-start;
   justify-content: center;
   width: 50%;
-  padding: var(--ol-spacing-2x-large);
-  height: calc(100vh - 2 * var(--ol-spacing-2x-large));
+  padding: var(--ol-spacing-large);
+}
+.oip__page__content .oip__page__image_container {
+  background: transparent;
 }
 .oip__page__content .oip__page__image_container .oip__page__image {
-  background-color: var(--cupra-color-surface-solid);
+  background-color: transparent;
   object-fit: contain;
 }
+
 .ofl__widget,
 .ofl__flow {
   max-width: 100%;
@@ -572,6 +654,7 @@ ol-dialog::part(panel) {
 .ofl__flow__actions--bottom {
   margin-top: var(--ol-spacing-2x-large);
 }
+.ofl__actions__item,
 .ofl__actions__button {
   width: 100%;
 }
@@ -808,14 +891,21 @@ ol-dialog::part(panel) {
     --ol-calendar-day-font-size: var(--ol-font-size-small);
   }
 
+  .oip__page__header {
+    width: auto;
+    margin: 0;
+    position: sticky;
+    top: 0;
+  }
   .oip__page__content {
-    height: 100vh;
+    height: 100%;
     justify-content: center;
     align-items: center;
   }
   .oip__page__content .oip__page__installation {
     height: auto;
-    width: calc(100% - 2 * var(--ol-spacing-2x-large));
+    width: 100%;
+    align-items: center;
   }
 
   ol-carousel::part(pagination) {

package/themes/custom/cupra-diagonal.theme.css

@@ -12,6 +12,8 @@
   background-color: transparent;
   font-family: var(--ol-font-sans);
   font-weight: 300;
+  scroll-behavior: smooth;
+  text-rendering: optimizeSpeed;
 
   /* --- Brand surfaces --- */
   --cupra-color-surface-glass: #c3c3cb0d; /* Grey glass surface (~5% opacity) */
@@ -56,7 +58,7 @@
   /* --- Onlive UI typography and component overrides --- */
   --ol-font-sans: "cupra-screen", sans-serif;
   --ol-calendar-day-border-radius: 50%;
-  --ol-calendar-day-padding: 15px;
+  --ol-calendar-day-padding: 15px 14px;
   --ol-calendar-day-border: 1px solid transparent;
   --ol-calendar-day-selected-border: 1px solid rgba(250, 250, 250, 0.3);
   --ol-calendar-day-selected-hover-border: 1px solid rgba(250, 250, 250, 0.5);
@@ -72,10 +74,43 @@
   --ol-input-floating-label-font-size-medium: var(--ol-font-size-x-small);
 }
 
+/* Scrollbar styles (applies to all scrollable elements within the theme) */
+* {
+  scrollbar-width: auto;
+  scrollbar-color: var(--ol-color-neutral-400) transparent;
+}
+*::-webkit-scrollbar {
+  width: 8px;
+}
+*::-webkit-scrollbar-track {
+  background: transparent;
+}
+*::-webkit-scrollbar-thumb {
+  background: transparent;
+  border-radius: var(--ol-border-radius-large);
+  border: 3px solid transparent;
+}
+
 /* ========================================================================
    CORE ONLIVE UI COMPONENTS
    ======================================================================== */
 
+[slot="label"] h3 {
+  font-size: var(--ol-font-size-medium);
+  font-weight: 400;
+  color: var(--ol-color-neutral-900);
+  margin: 0;
+  line-height: var(--ol-line-height-dense);
+}
+
+[slot="label"] p {
+  font-size: var(--ol-font-size-small);
+  font-weight: 400;
+  color: var(--ol-color-neutral-700);
+  margin: var(--ol-spacing-2x-small) 0 0;
+  line-height: var(--ol-line-height-dense);
+}
+
 /* --- Spinner --- */
 ol-spinner {
   --track-width: 6px;
@@ -279,7 +314,7 @@ ol-carousel::part(pagination-item--active) {
 }
 .ofl__carousel__nav-item::part(label) {
   font-size: var(--ol-font-size-medium);
-  font-weight: 300;
+  font-weight: 400;
   color: var(--ol-color-neutral-900);
 }
 .ofl__carousel--showcase-mode::part(navigation-button) {
@@ -323,9 +358,10 @@ ol-radio-group::part(form-control-label) {
   font-family: var(--ol-font-sans);
   font-weight: 300;
   color: var(--ol-color-neutral-600);
+  margin-bottom: var(--ol-spacing-small);
 }
-ol-radio-group ol-radio {
-  line-height: 2.5;
+ol-radio-group ol-radio + ol-radio {
+  margin-top: var(--ol-spacing-x-small);
 }
 ol-radio-group ol-radio::part(control) {
   --toggle-size: 24px;
@@ -397,11 +433,13 @@ ol-dialog::part(panel) {
 
 /* --- Loading state --- */
 .ofl__flow__loading,
-.ofl__flow__loading-overlay {
+.ofl__flow__loading-overlay,
+.ofl__flow__transition-overlay {
   font-size: var(--ol-spacing-2x-large);
 }
 .ofl__flow__loading ol-spinner,
-.ofl__flow__loading-overlay ol-spinner {
+.ofl__flow__loading-overlay ol-spinner,
+.ofl__flow__transition-overlay ol-spinner {
   --track-width: 6px;
 }
 .ofl__flow--theme-dark .ofl__flow__loading-overlay {
@@ -420,6 +458,19 @@ ol-dialog::part(panel) {
   height: 46px;
   margin-top: 0;
 }
+.ofl__map__autocomplete-list {
+  backdrop-filter: blur(3px);
+  background: var(--cupra-color-surface-solid-96);
+  border-color: var(--cupra-color-surface-glass-10);
+  border-radius: var(--ol-border-radius-medium);
+}
+.ofl__map__autocomplete-item {
+  padding: var(--ol-spacing-small) var(--ol-spacing-medium);
+}
+.ofl__map__autocomplete-item:hover,
+.ofl__map__autocomplete-item--active {
+  background: var(--cupra-color-surface-glass-15);
+}
 .ofl__map__distance-range {
   margin-bottom: var(--ol-spacing-2x-small);
 }
@@ -525,26 +576,57 @@ ol-dialog::part(panel) {
   gap: var(--ol-spacing-2x-small);
 }
 
+/* Rating Component Styling */
+.ofl__rating {
+  --symbol-color: var(--ol-color-neutral-900);
+  --symbol-size: 2em;
+  --symbol-spacing: 0 var(--ol-spacing-medium) 0 0;
+  margin-bottom: var(--ol-spacing-large);
+}
+.ofl__rating__label {
+  margin-bottom: var(--ol-spacing-large);
+  margin-top: var(--ol-spacing-large);
+}
+
 /* ========================================================================
    PAGE LAYOUT
    ======================================================================== */
 
 /* Landing installations */
-.oip__page__content {
+.oip__page {
+  background-image: url(https://ds-assets.cupra.com/backgrounds/cupra-diagonal/default-xs.svg);
+  background-position: 0 0;
   background-color: var(--cupra-color-surface-solid);
+  background-repeat: repeat-y;
+  background-size: 100% auto;
+}
+.oip__page__header {
+  max-width: 1400px;
+  margin: 0 auto;
+  width: 100%;
+  backdrop-filter: blur(12px);
+}
+.oip__page__content {
+  flex: 1;
+  max-width: 1400px;
+  margin: 0 auto;
+  align-items: center;
 }
 .oip__page__content .oip__page__installation {
   display: flex;
-  align-items: center;
+  align-items: self-start;
   justify-content: center;
   width: 50%;
-  padding: var(--ol-spacing-2x-large);
-  height: calc(100vh - 2 * var(--ol-spacing-2x-large));
+  padding: var(--ol-spacing-large);
+}
+.oip__page__content .oip__page__image_container {
+  background: transparent;
 }
 .oip__page__content .oip__page__image_container .oip__page__image {
-  background-color: var(--cupra-color-surface-solid);
+  background-color: transparent;
   object-fit: contain;
 }
+
 .ofl__widget,
 .ofl__flow {
   max-width: 100%;
@@ -570,6 +652,7 @@ ol-dialog::part(panel) {
 .ofl__flow__actions--bottom {
   margin-top: var(--ol-spacing-2x-large);
 }
+.ofl__actions__item,
 .ofl__actions__button {
   width: 100%;
 }
@@ -806,14 +889,21 @@ ol-dialog::part(panel) {
     --ol-calendar-day-font-size: var(--ol-font-size-small);
   }
 
+  .oip__page__header {
+    width: auto;
+    margin: 0;
+    position: sticky;
+    top: 0;
+  }
   .oip__page__content {
-    height: 100vh;
+    height: 100%;
     justify-content: center;
     align-items: center;
   }
   .oip__page__content .oip__page__installation {
     height: auto;
-    width: calc(100% - 2 * var(--ol-spacing-2x-large));
+    width: 100%;
+    align-items: center;
   }
 
   ol-carousel::part(pagination) {

package/themes/custom/cupra-diagonal.theme.d.cts

@@ -1,3 +1,3 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.198 | © 2026 Onlive.ai */
 import 'lit';
-export { s as styles } from '../../cupra-diagonal.theme-pmfy7Bjo.cjs';
+export { s as styles } from '../../cupra-diagonal.theme-DG8MfjGi.cjs';

package/themes/custom/cupra-diagonal.theme.d.ts

@@ -1,3 +1,3 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.198 | © 2026 Onlive.ai */
 import 'lit';
-export { s as styles } from '../../cupra-diagonal.theme-pmfy7Bjo.js';
+export { s as styles } from '../../cupra-diagonal.theme-DG8MfjGi.js';

package/themes/custom/cupra-diagonal.theme.js

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.198 | © 2026 Onlive.ai */
 import{css as o}from"lit";var r=o`
 /**
  * Cupra Diagonal Theme
@@ -14,6 +14,8 @@ import{css as o}from"lit";var r=o`
   background-color: transparent;
   font-family: var(--ol-font-sans);
   font-weight: 300;
+  scroll-behavior: smooth;
+  text-rendering: optimizeSpeed;
 
   /* --- Brand surfaces --- */
   --cupra-color-surface-glass: #c3c3cb0d; /* Grey glass surface (~5% opacity) */
@@ -58,7 +60,7 @@ import{css as o}from"lit";var r=o`
   /* --- Onlive UI typography and component overrides --- */
   --ol-font-sans: "cupra-screen", sans-serif;
   --ol-calendar-day-border-radius: 50%;
-  --ol-calendar-day-padding: 15px;
+  --ol-calendar-day-padding: 15px 14px;
   --ol-calendar-day-border: 1px solid transparent;
   --ol-calendar-day-selected-border: 1px solid rgba(250, 250, 250, 0.3);
   --ol-calendar-day-selected-hover-border: 1px solid rgba(250, 250, 250, 0.5);
@@ -74,10 +76,43 @@ import{css as o}from"lit";var r=o`
   --ol-input-floating-label-font-size-medium: var(--ol-font-size-x-small);
 }
 
+/* Scrollbar styles (applies to all scrollable elements within the theme) */
+* {
+  scrollbar-width: auto;
+  scrollbar-color: var(--ol-color-neutral-400) transparent;
+}
+*::-webkit-scrollbar {
+  width: 8px;
+}
+*::-webkit-scrollbar-track {
+  background: transparent;
+}
+*::-webkit-scrollbar-thumb {
+  background: transparent;
+  border-radius: var(--ol-border-radius-large);
+  border: 3px solid transparent;
+}
+
 /* ========================================================================
    CORE ONLIVE UI COMPONENTS
    ======================================================================== */
 
+[slot="label"] h3 {
+  font-size: var(--ol-font-size-medium);
+  font-weight: 400;
+  color: var(--ol-color-neutral-900);
+  margin: 0;
+  line-height: var(--ol-line-height-dense);
+}
+
+[slot="label"] p {
+  font-size: var(--ol-font-size-small);
+  font-weight: 400;
+  color: var(--ol-color-neutral-700);
+  margin: var(--ol-spacing-2x-small) 0 0;
+  line-height: var(--ol-line-height-dense);
+}
+
 /* --- Spinner --- */
 ol-spinner {
   --track-width: 6px;
@@ -281,7 +316,7 @@ ol-carousel::part(pagination-item--active) {
 }
 .ofl__carousel__nav-item::part(label) {
   font-size: var(--ol-font-size-medium);
-  font-weight: 300;
+  font-weight: 400;
   color: var(--ol-color-neutral-900);
 }
 .ofl__carousel--showcase-mode::part(navigation-button) {
@@ -325,9 +360,10 @@ ol-radio-group::part(form-control-label) {
   font-family: var(--ol-font-sans);
   font-weight: 300;
   color: var(--ol-color-neutral-600);
+  margin-bottom: var(--ol-spacing-small);
 }
-ol-radio-group ol-radio {
-  line-height: 2.5;
+ol-radio-group ol-radio + ol-radio {
+  margin-top: var(--ol-spacing-x-small);
 }
 ol-radio-group ol-radio::part(control) {
   --toggle-size: 24px;
@@ -399,11 +435,13 @@ ol-dialog::part(panel) {
 
 /* --- Loading state --- */
 .ofl__flow__loading,
-.ofl__flow__loading-overlay {
+.ofl__flow__loading-overlay,
+.ofl__flow__transition-overlay {
   font-size: var(--ol-spacing-2x-large);
 }
 .ofl__flow__loading ol-spinner,
-.ofl__flow__loading-overlay ol-spinner {
+.ofl__flow__loading-overlay ol-spinner,
+.ofl__flow__transition-overlay ol-spinner {
   --track-width: 6px;
 }
 .ofl__flow--theme-dark .ofl__flow__loading-overlay {
@@ -422,6 +460,19 @@ ol-dialog::part(panel) {
   height: 46px;
   margin-top: 0;
 }
+.ofl__map__autocomplete-list {
+  backdrop-filter: blur(3px);
+  background: var(--cupra-color-surface-solid-96);
+  border-color: var(--cupra-color-surface-glass-10);
+  border-radius: var(--ol-border-radius-medium);
+}
+.ofl__map__autocomplete-item {
+  padding: var(--ol-spacing-small) var(--ol-spacing-medium);
+}
+.ofl__map__autocomplete-item:hover,
+.ofl__map__autocomplete-item--active {
+  background: var(--cupra-color-surface-glass-15);
+}
 .ofl__map__distance-range {
   margin-bottom: var(--ol-spacing-2x-small);
 }
@@ -527,26 +578,57 @@ ol-dialog::part(panel) {
   gap: var(--ol-spacing-2x-small);
 }
 
+/* Rating Component Styling */
+.ofl__rating {
+  --symbol-color: var(--ol-color-neutral-900);
+  --symbol-size: 2em;
+  --symbol-spacing: 0 var(--ol-spacing-medium) 0 0;
+  margin-bottom: var(--ol-spacing-large);
+}
+.ofl__rating__label {
+  margin-bottom: var(--ol-spacing-large);
+  margin-top: var(--ol-spacing-large);
+}
+
 /* ========================================================================
    PAGE LAYOUT
    ======================================================================== */
 
 /* Landing installations */
-.oip__page__content {
+.oip__page {
+  background-image: url(https://ds-assets.cupra.com/backgrounds/cupra-diagonal/default-xs.svg);
+  background-position: 0 0;
   background-color: var(--cupra-color-surface-solid);
+  background-repeat: repeat-y;
+  background-size: 100% auto;
+}
+.oip__page__header {
+  max-width: 1400px;
+  margin: 0 auto;
+  width: 100%;
+  backdrop-filter: blur(12px);
+}
+.oip__page__content {
+  flex: 1;
+  max-width: 1400px;
+  margin: 0 auto;
+  align-items: center;
 }
 .oip__page__content .oip__page__installation {
   display: flex;
-  align-items: center;
+  align-items: self-start;
   justify-content: center;
   width: 50%;
-  padding: var(--ol-spacing-2x-large);
-  height: calc(100vh - 2 * var(--ol-spacing-2x-large));
+  padding: var(--ol-spacing-large);
+}
+.oip__page__content .oip__page__image_container {
+  background: transparent;
 }
 .oip__page__content .oip__page__image_container .oip__page__image {
-  background-color: var(--cupra-color-surface-solid);
+  background-color: transparent;
   object-fit: contain;
 }
+
 .ofl__widget,
 .ofl__flow {
   max-width: 100%;
@@ -572,6 +654,7 @@ ol-dialog::part(panel) {
 .ofl__flow__actions--bottom {
   margin-top: var(--ol-spacing-2x-large);
 }
+.ofl__actions__item,
 .ofl__actions__button {
   width: 100%;
 }
@@ -808,14 +891,21 @@ ol-dialog::part(panel) {
     --ol-calendar-day-font-size: var(--ol-font-size-small);
   }
 
+  .oip__page__header {
+    width: auto;
+    margin: 0;
+    position: sticky;
+    top: 0;
+  }
   .oip__page__content {
-    height: 100vh;
+    height: 100%;
     justify-content: center;
     align-items: center;
   }
   .oip__page__content .oip__page__installation {
     height: auto;
-    width: calc(100% - 2 * var(--ol-spacing-2x-large));
+    width: 100%;
+    align-items: center;
   }
 
   ol-carousel::part(pagination) {

package/themes/custom/cupra-events.theme.cjs

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.198 | © 2026 Onlive.ai */
 "use strict";var e=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var g=(a,o)=>{for(var r in o)e(a,r,{get:o[r],enumerable:!0})},d=(a,o,r,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of s(o))!c.call(a,l)&&l!==r&&e(a,l,{get:()=>o[l],enumerable:!(t=n(o,l))||t.enumerable});return a};var _=a=>d(e({},"__esModule",{value:!0}),a);var p={};g(p,{styles:()=>f});module.exports=_(p);var i=require("lit"),f=i.css`
 :root,
 :host,

package/themes/custom/cupra-events.theme.d.cts

@@ -1,3 +1,3 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.198 | © 2026 Onlive.ai */
 import 'lit';
-export { s as styles } from '../../cupra-events.theme-D6LPTG4F.cjs';
+export { s as styles } from '../../cupra-events.theme-DCaFXY_2.cjs';

package/themes/custom/cupra-events.theme.d.ts

@@ -1,3 +1,3 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.198 | © 2026 Onlive.ai */
 import 'lit';
-export { s as styles } from '../../cupra-events.theme-D6LPTG4F.js';
+export { s as styles } from '../../cupra-events.theme-DCaFXY_2.js';

package/themes/custom/cupra-events.theme.js

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.198 | © 2026 Onlive.ai */
 import{css as o}from"lit";var l=o`
 :root,
 :host,

package/themes/custom/cupra.theme.cjs

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.198 | © 2026 Onlive.ai */
 "use strict";var r=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var _=(a,o)=>{for(var l in o)r(a,l,{get:o[l],enumerable:!0})},p=(a,o,l,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of n(o))!c.call(a,e)&&e!==l&&r(a,e,{get:()=>o[e],enumerable:!(t=i(o,e))||t.enumerable});return a};var d=a=>p(r({},"__esModule",{value:!0}),a);var b={};_(b,{styles:()=>m});module.exports=d(b);var s=require("lit"),m=s.css`
 :root,
 :host,