@onlive.ai/common-121 0.2.192 → 0.2.198

package/utils/apply-optional-styles.cjs

@@ -1,5 +1,5 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
-"use strict";var s=Object.defineProperty;var eo=Object.getOwnPropertyDescriptor;var no=Object.getOwnPropertyNames;var io=Object.prototype.hasOwnProperty;var l=(r,o)=>()=>(r&&(o=r(r=0)),o);var a=(r,o)=>{for(var t in o)s(r,t,{get:o[t],enumerable:!0})},so=(r,o,t,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of no(o))!io.call(r,e)&&e!==t&&s(r,e,{get:()=>o[e],enumerable:!(n=eo(o,e))||n.enumerable});return r};var co=r=>so(s({},"__esModule",{value:!0}),r);var g={};a(g,{styles:()=>_o});var m,_o,f=l(()=>{"use strict";m=require("lit"),_o=m.css`
+/*! @onlive.ai/common-121 v0.2.198 | © 2026 Onlive.ai */
+"use strict";var i=Object.defineProperty;var _o=Object.getOwnPropertyDescriptor;var po=Object.getOwnPropertyNames;var mo=Object.prototype.hasOwnProperty;var l=(a,o)=>()=>(a&&(o=a(a=0)),o);var r=(a,o)=>{for(var t in o)i(a,t,{get:o[t],enumerable:!0})},go=(a,o,t,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of po(o))!mo.call(a,e)&&e!==t&&i(a,e,{get:()=>o[e],enumerable:!(n=_o(o,e))||n.enumerable});return a};var fo=a=>go(i({},"__esModule",{value:!0}),a);var g={};r(g,{styles:()=>bo});var m,bo,f=l(()=>{"use strict";m=require("lit"),bo=m.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) {
@@ -1057,7 +1147,7 @@ h3.olcs__label {
     font-size: var(--ol-font-size-3x-large);
   }
 }
-`});var b={};a(b,{styles:()=>po});var u,po,h=l(()=>{"use strict";u=require("lit"),po=u.css`
+`});var u={};r(u,{styles:()=>uo});var b,uo,h=l(()=>{"use strict";b=require("lit"),uo=b.css`
 /**
  * Audi Theme for Onlive Flow Components
  * ====================================
@@ -1832,7 +1922,7 @@ label {
     max-height: 240px;
   }
 }
-`});var x={};a(x,{styles:()=>mo});var v,mo,y=l(()=>{"use strict";v=require("lit"),mo=v.css`
+`});var x={};r(x,{styles:()=>ho});var v,ho,y=l(()=>{"use strict";v=require("lit"),ho=v.css`
 /**
  * Audi Dark Theme for Onlive Flow Components
  * ====================================
@@ -2754,7 +2844,7 @@ label {
     max-height: 240px;
   }
 }
-`});var k={};a(k,{styles:()=>go});var w,go,z=l(()=>{"use strict";w=require("lit"),go=w.css`
+`});var k={};r(k,{styles:()=>vo});var w,vo,z=l(()=>{"use strict";w=require("lit"),vo=w.css`
 /**
  * ----------------------------------------------------------------------------------------
  * THEME: Australia
@@ -3138,7 +3228,7 @@ ol-input::part(base) {
     font-size: var(--ol-font-size-small);
   }
 }
-`});var S={};a(S,{styles:()=>fo});var C,fo,O=l(()=>{"use strict";C=require("lit"),fo=C.css`
+`});var S={};r(S,{styles:()=>xo});var C,xo,O=l(()=>{"use strict";C=require("lit"),xo=C.css`
 :root,
 :host,
 .ol-theme-light {
@@ -3332,7 +3422,7 @@ ol-radio-group::part(form-control-label) {
     max-width: 220px;
   }
 }
-`});var E={};a(E,{styles:()=>uo});var T,uo,I=l(()=>{"use strict";T=require("lit"),uo=T.css`
+`});var E={};r(E,{styles:()=>yo});var T,yo,I=l(()=>{"use strict";T=require("lit"),yo=T.css`
 :root,
 :host,
 .ol-theme-light {
@@ -3885,7 +3975,7 @@ ol-carousel::part(pagination-item) {
     margin: auto var(--ol-spacing-x-large) var(--ol-spacing-x-large);
   }
 }
-`});var P={};a(P,{styles:()=>bo});var A,bo,L=l(()=>{"use strict";A=require("lit"),bo=A.css`
+`});var P={};r(P,{styles:()=>wo});var A,wo,L=l(()=>{"use strict";A=require("lit"),wo=A.css`
 :root,
 :host,
 .ol-theme-light {
@@ -4030,7 +4120,7 @@ ol-carousel::part(pagination-item) {
     overflow: auto;
   }
 }
-`});var N={};a(N,{styles:()=>ho});var B,ho,F=l(()=>{"use strict";B=require("lit"),ho=B.css`
+`});var N={};r(N,{styles:()=>ko});var B,ko,R=l(()=>{"use strict";B=require("lit"),ko=B.css`
 /**
  * ----------------------------------------------------------------------------------------
  * THEME: Germany
@@ -4744,7 +4834,7 @@ ol-input::part(base) {
     font-size: var(--ol-font-size-small);
   }
 }
-`});var j={};a(j,{styles:()=>vo});var R,vo,M=l(()=>{"use strict";R=require("lit"),vo=R.css`
+`});var j={};r(j,{styles:()=>zo});var F,zo,M=l(()=>{"use strict";F=require("lit"),zo=F.css`
 :root,
 :host,
 .ol-theme-dark {
@@ -5036,7 +5126,7 @@ ol-progress-bar {
 .video-js .vjs-play-progress {
   background-color: var(--hyundai-active-color);
 }
-`});var D={};a(D,{styles:()=>xo});var U,xo,V=l(()=>{"use strict";U=require("lit"),xo=U.css`
+`});var D={};r(D,{styles:()=>Co});var U,Co,V=l(()=>{"use strict";U=require("lit"),Co=U.css`
 /**
  * ----------------------------------------------------------------------------------------
  * THEME: Italy
@@ -5864,7 +5954,7 @@ ol-input::part(base) {
     font-size: var(--ol-font-size-small);
   }
 }
-`});var Y={};a(Y,{styles:()=>yo});var G,yo,H=l(()=>{"use strict";G=require("lit"),yo=G.css`
+`});var H={};r(H,{styles:()=>So});var G,So,Y=l(()=>{"use strict";G=require("lit"),So=G.css`
 :root,
 :host,
 .ol-theme-light {
@@ -5981,7 +6071,7 @@ ol-input::part(base) {
     --ol-calendar-day-padding: var(--ol-spacing-x-small) 16px;
   }
 }
-`});var K={};a(K,{styles:()=>wo});var W,wo,X=l(()=>{"use strict";W=require("lit"),wo=W.css`
+`});var K={};r(K,{styles:()=>Oo});var W,Oo,X=l(()=>{"use strict";W=require("lit"),Oo=W.css`
 :root,
 :host,
 .ol-theme-light {
@@ -6053,7 +6143,7 @@ ol-button:not([circle])::part(spinner) {
   background-color: var(--onlive-ai-secondary-color);
   color: var(--ol-color-neutral-0);
 }
-`});var Q={};a(Q,{styles:()=>ko});var q,ko,$=l(()=>{"use strict";q=require("lit"),ko=q.css`
+`});var Q={};r(Q,{styles:()=>To});var q,To,$=l(()=>{"use strict";q=require("lit"),To=q.css`
 :root,
 :host,
 .ol-theme-light {
@@ -6084,7 +6174,7 @@ ol-button:not([circle])::part(spinner) {
   border-radius: 30px 30px 0 30px;
   background: rgb(40 40 40);
 }
-`});var Z={};a(Z,{styles:()=>zo});var J,zo,oo=l(()=>{"use strict";J=require("lit"),zo=J.css`
+`});var Z={};r(Z,{styles:()=>Eo});var J,Eo,oo=l(()=>{"use strict";J=require("lit"),Eo=J.css`
 /**
  * SEAT CUPRA Theme
  * ----------------------------------------------------------------------------------------
@@ -6560,7 +6650,7 @@ ol-calendar::part(header-content) {
   line-height: 1.5rem;
   letter-spacing: 0.5px;
 }
-`});var ro={};a(ro,{styles:()=>Co});var ao,Co,lo=l(()=>{"use strict";ao=require("lit"),Co=ao.css`
+`});var ro={};r(ro,{styles:()=>Io});var ao,Io,lo=l(()=>{"use strict";ao=require("lit"),Io=ao.css`
 /**
  * Seat Theme
  */
@@ -6620,6 +6710,22 @@ ol-calendar::part(header-content) {
    CORE ONLIVE UI COMPONENTS
    ======================================================================== */
 
+[slot="label"] h3 {
+  font-family: var(--seat-font-family-medium);
+  font-size: var(--ol-font-size-medium);
+  color: var(--ol-color-neutral-900);
+  margin: 0;
+  line-height: var(--ol-line-height-dense);
+}
+
+[slot="label"] p {
+  font-family: var(--seat-font-family-regular);
+  font-size: var(--ol-font-size-small);
+  color: var(--ol-color-neutral-500);
+  margin: var(--ol-spacing-2x-small) 0 0;
+  line-height: var(--ol-line-height-dense);
+}
+
 /* Spinner */
 ol-spinner {
   --track-width: 3px;
@@ -6784,12 +6890,6 @@ ol-carousel::part(pagination-item--active) {
 .ofl__carousel--showcase-mode .ofl__carousel__item-label {
   display: none;
 }
-.ofl__carousel--showcase-mode::part(pagination) {
-  position: absolute;
-  bottom: 90px;
-  left: 0;
-  right: 0;
-}
 .ofl__carousel--showcase-mode::part(navigation-button) {
   background: var(--ol-color-neutral-1000);
   color: var(--ol-color-neutral-50);
@@ -6820,9 +6920,10 @@ ol-radio-group::part(form-control-label) {
   font-family: var(--seat-font-family-regular);
   font-size: var(--ol-font-size-small);
   color: var(--ol-color-neutral-500);
+  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: 20px;
@@ -6870,11 +6971,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 {
@@ -6983,27 +7086,54 @@ 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 {
+  background-color: transparent;
+}
+.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;
   background-color: transparent;
 }
 .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: transparent;
   object-fit: contain;
 }
+
 .ofl__widget,
 .ofl__flow {
   max-width: 100%;
@@ -7029,6 +7159,7 @@ ol-dialog::part(panel) {
 .ofl__flow__actions--bottom {
   margin-top: var(--ol-spacing-2x-large);
 }
+.ofl__actions__item,
 .ofl__actions__button {
   width: 100%;
   max-width: 500px;
@@ -7180,14 +7311,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(navigation) {
@@ -7354,7 +7492,7 @@ ol-dialog::part(panel) {
   margin: 0;
 }
 .ofl__form__field[name="carouselLabel"] {
-  margin-bottom: -100px;
+  margin-bottom: 0;
 }
 .olcs__model-image {
   width: 100%;
@@ -7388,6 +7526,7 @@ h3.olcs__label {
   gap: var(--ol-spacing-large);
 }
 .olcs__row__text h4 {
+  font-family: var(--seat-font-family-bold);
   width: 50px;
 }
 .olcs__row__text h4,
@@ -7430,4 +7569,296 @@ h3.olcs__label {
     font-size: var(--ol-font-size-3x-large);
   }
 }
-`});var Oo={};a(Oo,{THEME_LOADERS:()=>c,applyOptionalStyles:()=>So});module.exports=co(Oo);var p=require("lit"),d=(r,o)=>{try{(0,p.adoptStyles)(r,o)}catch(t){console.warn("Failed to adopt styles using lit-adoptStyles:",t)}};var c={"cupra-diagonal":()=>Promise.resolve().then(()=>(f(),g)),audi:()=>Promise.resolve().then(()=>(h(),b)),"audi-dark":()=>Promise.resolve().then(()=>(y(),x)),"cupra-australia":()=>Promise.resolve().then(()=>(z(),k)),cuernavaca:()=>Promise.resolve().then(()=>(O(),S)),"cupra-events":()=>Promise.resolve().then(()=>(I(),E)),"cupra-base":()=>Promise.resolve().then(()=>(L(),P)),"cupra-germany":()=>Promise.resolve().then(()=>(F(),N)),hyundai:()=>Promise.resolve().then(()=>(M(),j)),"cupra-italy":()=>Promise.resolve().then(()=>(V(),D)),magimix:()=>Promise.resolve().then(()=>(H(),Y)),"onlive-ai":()=>Promise.resolve().then(()=>(X(),K)),"onlive-site":()=>Promise.resolve().then(()=>($(),Q)),"seat-cupra":()=>Promise.resolve().then(()=>(oo(),Z)),seat:()=>Promise.resolve().then(()=>(lo(),ro))},So=async({renderRoot:r,baseStyles:o,options:t})=>{let n=[],e=t?.themeName?.trim().toLowerCase();if(e&&e in c)try{let i=await c[e](),_=i.styles??i.default;_&&n.push(_)}catch(i){console.warn(`Failed to load custom flow theme: ${e}`,i)}t?.customStyles&&n.push(t.customStyles);let to=Array.isArray(o)?[...o]:[o];d(r,[...to,...n])};0&&(module.exports={THEME_LOADERS,applyOptionalStyles});
+`});var eo={};r(eo,{styles:()=>Ao});var to,Ao,no=l(()=>{"use strict";to=require("lit"),Ao=to.css`
+/**
+ * Transparency / Glass Effect Theme
+ * ==================================
+ *
+ * Provides glassmorphism styling for flow components when rendered
+ * in maximized or fullscreen states with transparent backgrounds.
+ *
+ * Applied via themeName: "transparency" in FlowOptions, or as part of
+ * a theme array (e.g., themeName: ["audi", "transparency"]).
+ *
+ * Covers: input, textarea, select/group, rating, phone-input,
+ * calendar, map, stripe, button group, checkbox, radio, carousel.
+ */
+
+/* ========================================================================
+   INPUT
+   ======================================================================== */
+
+.ofl__input::part(base) {
+  background: rgba(0, 0, 0, 0.25);
+  backdrop-filter: blur(16px);
+}
+
+.ofl__input::part(input) {
+  color: #fff;
+}
+
+.ofl__input::part(input)::placeholder {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.ofl__input::part(form-control-label) {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ofl__input::part(form-control-help-text) {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+/* ========================================================================
+   TEXTAREA
+   ======================================================================== */
+
+.ofl__textarea::part(base) {
+  background: rgba(0, 0, 0, 0.25);
+  backdrop-filter: blur(16px);
+}
+
+.ofl__textarea::part(textarea) {
+  color: #fff;
+}
+
+.ofl__textarea::part(textarea)::placeholder {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.ofl__textarea::part(form-control-label) {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ofl__textarea::part(form-control-help-text) {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+/* ========================================================================
+   SELECT / GROUP
+   ======================================================================== */
+
+.ofl__group::part(combobox),
+.ofl__group ol-options,
+.ofl__group::part(display-input) {
+  background: rgba(0, 0, 0, 0.25);
+  backdrop-filter: blur(16px);
+  color: #fff;
+}
+
+.ofl__group::part(listbox) {
+  background: rgba(0, 0, 0, 0.75);
+  backdrop-filter: blur(16px);
+  color: #fff;
+}
+
+.ofl__group ol-option::part(base) {
+  color: #fff;
+}
+
+.ofl__group ol-option::part(base):hover {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.ofl__group::part(form-control-label) {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ofl__group::part(form-control-help-text) {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+/* ========================================================================
+   RATING
+   ======================================================================== */
+
+.ofl__rating {
+  color: #fff;
+}
+
+.ofl__rating .ofl__rating__label {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+/* ========================================================================
+   PHONE INPUT
+   ======================================================================== */
+
+.ofl__phone-input ol-input::part(base) {
+  background: rgba(0, 0, 0, 0.25);
+  backdrop-filter: blur(16px);
+}
+
+.ofl__phone-input ol-input::part(input) {
+  color: #fff;
+}
+
+.ofl__phone-input ol-input::part(input)::placeholder {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.ofl__phone-input ol-select::part(combobox) {
+  background: rgba(0, 0, 0, 0.25);
+  backdrop-filter: blur(16px);
+  color: #fff;
+}
+
+.ofl__phone-input ol-select::part(listbox) {
+  background: rgba(0, 0, 0, 0.75);
+  backdrop-filter: blur(16px);
+}
+
+.ofl__phone-input::part(form-control-label) {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+/* ========================================================================
+   CALENDAR
+   ======================================================================== */
+
+.ofl__calendar-container {
+  --ol-calendar-background-color: rgba(0, 0, 0, 0.25);
+  --ol-calendar-color: #fff;
+  --ol-calendar-day-background-color: rgba(0, 0, 0, 0.1);
+  --ol-calendar-day-color: #fff;
+  --ol-calendar-day-hover-background-color: rgba(255, 255, 255, 0.15);
+  --ol-calendar-day-today-color: var(--ol-color-primary-400);
+  --ol-calendar-day-today-background-color: rgba(255, 255, 255, 0.1);
+  --ol-calendar-day-today-inactive-color: rgba(255, 255, 255, 0.3);
+  --ol-calendar-day-weekend-color: var(--ol-color-rose-400);
+  --ol-calendar-day-weekend-hover-background-color: rgba(255, 255, 255, 0.15);
+  --ol-calendar-inactive-color: rgba(255, 255, 255, 0.3);
+  --ol-calendar-inactive-background-color: transparent;
+  --ol-calendar-inactive-selected-color: rgba(255, 255, 255, 0.4);
+  --ol-calendar-inactive-selected-background-color: rgba(255, 255, 255, 0.08);
+  --ol-calendar-header-color: #fff;
+  --ol-calendar-header-hover-color: rgba(255, 255, 255, 0.8);
+  --ol-calendar-header-inactive-color: rgba(255, 255, 255, 0.5);
+  --ol-calendar-week-color: rgba(255, 255, 255, 0.7);
+  --ol-calendar-week-hover-color: rgba(255, 255, 255, 0.9);
+  --ol-calendar-arrow-color: #fff;
+  --ol-calendar-arrow-disabled-color: rgba(255, 255, 255, 0.3);
+  --ol-calendar-month-background-color: transparent;
+  --ol-calendar-month-color: rgba(255, 255, 255, 0.9);
+  --ol-calendar-month-hover-background-color: rgba(255, 255, 255, 0.15);
+  --ol-calendar-year-background-color: transparent;
+  --ol-calendar-year-color: rgba(255, 255, 255, 0.9);
+  --ol-calendar-year-hover-background-color: rgba(255, 255, 255, 0.15);
+  --ol-calendar-popup-background-color: rgba(0, 0, 0, 0.75);
+  --ol-calendar-popup-color: #fff;
+  --ol-calendar-day-popup-background-color: rgba(255, 255, 255, 0.15);
+  --ol-calendar-focus-outline-color: rgba(255, 255, 255, 0.5);
+}
+
+.ofl__calendar-container .ofl__calendar__label {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ofl__calendar-container .ofl__calendar__time-label {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ofl__calendar-container .ofl__calendar__time-list--carousel::part(navigation-button) {
+  color: #fff;
+}
+
+.ofl__calendar-container .ofl__calendar__time-item__content {
+  background-color: var(--ol-color-primary-600);
+  color: var(--ol-color-neutral-0);
+}
+
+.ofl__calendar-container .ofl__calendar__time-list--list .ofl__calendar__time-item::part(button) {
+  color: #fff;
+  border-color: rgba(255, 255, 255, 0.4);
+}
+
+.ofl__calendar-container
+  .ofl__calendar__time-list--list
+  .ofl__calendar__time-item:hover:not([disabled], [checked])::part(button) {
+  color: #fff;
+}
+
+.ofl__calendar-container
+  .ofl__calendar__time-list--list
+  .ofl__calendar__time-item:hover:not([disabled], [checked])::part(button)::after {
+  border-color: #fff;
+}
+
+/* ========================================================================
+   MAP
+   ======================================================================== */
+
+.ofl__map .ofl__map__label {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+/* ========================================================================
+   STRIPE
+   ======================================================================== */
+
+.ofl__stripe .ofl__stripe__label {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+/* ========================================================================
+   BUTTON GROUP
+   ======================================================================== */
+
+.ofl__group ol-button[variant="default"]::part(base) {
+  background: rgba(255, 255, 255, 0.1);
+  color: #fff;
+  border-color: rgba(255, 255, 255, 0.2);
+}
+
+.ofl__group ol-button[variant="default"]::part(base):hover {
+  background: rgba(255, 255, 255, 0.2);
+}
+
+/* ========================================================================
+   CHECKBOX
+   ======================================================================== */
+
+.ofl__checkbox__checkbox::part(label),
+.ofl__checkbox__list .ofl__checkbox__checkbox::part(label) {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ofl__checkbox__list .ofl__checkbox__label {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+/* ========================================================================
+   RADIO
+   ======================================================================== */
+
+.ofl__radio__list ol-radio::part(control) {
+  background: rgba(0, 0, 0, 0.25);
+  border-color: rgba(255, 255, 255, 0.3);
+}
+
+.ofl__radio__list ol-radio::part(label) {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ofl__radio__list::part(form-control-label) {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+/* ========================================================================
+   CAROUSEL
+   ======================================================================== */
+
+.ofl__carousel::part(navigation-button),
+.ofl__carousel::part(navigation-button--next),
+.ofl__carousel::part(navigation-button--previous) {
+  color: #fff;
+}
+
+.ofl__carousel .ofl__carousel__label {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ofl__carousel__nav ol-radio-button::part(label) {
+  color: rgba(255, 255, 255, 0.9);
+}
+`});var Bo={};r(Bo,{THEME_LOADERS:()=>s,applyOptionalStyles:()=>Lo});module.exports=fo(Bo);var p=require("lit"),d=(a,o)=>{try{(0,p.adoptStyles)(a,o)}catch(t){console.warn("Failed to adopt styles using lit-adoptStyles:",t)}};var s={"cupra-diagonal":()=>Promise.resolve().then(()=>(f(),g)),audi:()=>Promise.resolve().then(()=>(h(),u)),"audi-dark":()=>Promise.resolve().then(()=>(y(),x)),"cupra-australia":()=>Promise.resolve().then(()=>(z(),k)),cuernavaca:()=>Promise.resolve().then(()=>(O(),S)),"cupra-events":()=>Promise.resolve().then(()=>(I(),E)),"cupra-base":()=>Promise.resolve().then(()=>(L(),P)),"cupra-germany":()=>Promise.resolve().then(()=>(R(),N)),hyundai:()=>Promise.resolve().then(()=>(M(),j)),"cupra-italy":()=>Promise.resolve().then(()=>(V(),D)),magimix:()=>Promise.resolve().then(()=>(Y(),H)),"onlive-ai":()=>Promise.resolve().then(()=>(X(),K)),"onlive-site":()=>Promise.resolve().then(()=>($(),Q)),"seat-cupra":()=>Promise.resolve().then(()=>(oo(),Z)),seat:()=>Promise.resolve().then(()=>(lo(),ro)),transparency:()=>Promise.resolve().then(()=>(no(),eo))},Po=async a=>{if(a in s)try{let o=await s[a]();return o.styles??o.default}catch(o){console.warn(`Failed to load theme: ${a}`,o);return}},Lo=async({renderRoot:a,baseStyles:o,options:t})=>{let n=[],e=t?.themeName,io=Array.isArray(e)?e:e?[e]:[];for(let co of io){let c=co.trim().toLowerCase();if(!c)continue;let _=await Po(c);_&&n.push(_)}t?.customStyles&&n.push(t.customStyles);let so=Array.isArray(o)?[...o]:[o];d(a,[...so,...n])};0&&(module.exports={THEME_LOADERS,applyOptionalStyles});