@onlive.ai/common-121 0.2.198 → 0.2.227

package/themes/custom/skoda.theme.js

@@ -0,0 +1,529 @@
+/*! @onlive.ai/common-121 v0.2.227 | © 2026 Onlive.ai */
+import{css as o}from"lit";var a=o`
+/**
+ * Font Face Definitions
+ * ----------------------
+ * Custom font definitions for SKODA Typeface
+ */
+@font-face {
+  font-family: "SKODA Next";
+  src: url("https://www.skoda.co.uk/apps/portal/dam/global/fonts/SKODANext-Light.woff2")
+    format("woff2");
+  font-display: swap;
+  font-style: normal;
+  font-weight: 300;
+}
+
+@font-face {
+  font-family: "SKODA Next";
+  src: url("https://www.skoda.co.uk/apps/portal/dam/global/fonts/SKODANext-Regular.woff2")
+    format("woff2");
+  font-display: swap;
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: 100% 130%;
+}
+
+@font-face {
+  font-family: "SKODA Next";
+  src: url("https://www.skoda.co.uk/apps/portal/dam/global/fonts/SKODANext-Bold.woff2")
+    format("woff2");
+  font-display: swap;
+  font-style: normal;
+  font-weight: 700;
+}
+
+:root,
+:host,
+.ol-theme-light {
+  /* Auxiliary brand tokens  */
+  --ol-brand-color-accent: rgb(120 250 174);
+  --ol-brand-input-height: 58px;
+  --ol-brand-input-no-label-height: 44px;
+
+  /* Palette — Skoda Green (500 = #31694B) */
+  --ol-color-primary-50: rgb(240 247 243);
+  --ol-color-primary-100: rgb(217 237 227);
+  --ol-color-primary-200: rgb(181 218 204);
+  --ol-color-primary-300: rgb(130 194 168);
+  --ol-color-primary-400: rgb(82 164 129);
+  --ol-color-primary-500: rgb(49 105 75);
+  --ol-color-primary-600: rgb(42 94 67);
+  --ol-color-primary-700: rgb(35 80 56);
+  --ol-color-primary-800: rgb(27 63 44);
+  --ol-color-primary-900: rgb(18 43 30);
+  --ol-color-primary-950: rgb(9 23 17);
+
+  /* Font */
+  --ol-font-sans: "SKODA Next", sans-serif;
+
+  /* Onlive UI Font and Vars */
+  --ol-calendar-day-padding: var(--ol-spacing-small);
+  --ol-calendar-day-border-radius: var(--ol-border-radius-circle);
+  --ol-calendar-day-line-height: 1.24;
+  --ol-input-floating-label-background-color: transparent;
+  --ol-input-floating-label-initial-position-medium: 0, 22px;
+  --ol-input-floating-label-final-position-medium: 0, var(--ol-spacing-small);
+}
+
+/* Onlive UI Components */
+
+/* Spinner */
+ol-spinner {
+  --track-width: 6px;
+}
+
+/* Buttons */
+ol-button:not([circle])::part(base) {
+  border-radius: var(--ol-border-radius-pill);
+  border-width: 2px;
+}
+
+ol-button:not([circle])::part(label) {
+  font-weight: var(--ol-font-weight-bold);
+  padding: var(--ol-spacing-3x-small) var(--ol-spacing-large);
+  letter-spacing: 0.75px;
+}
+
+ol-button:not([disabled])::part(base)::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border-radius: inherit;
+  background-color: var(--ol-color-neutral-900);
+  opacity: 0;
+  transition: opacity 0.3s;
+  pointer-events: none;
+}
+
+ol-button:not([disabled])::part(base):hover::after {
+  opacity: 0.2;
+}
+
+ol-button[variant="primary"]::part(base) {
+  background-color: var(--ol-brand-color-accent);
+  border-color: var(--ol-brand-color-accent);
+  color: rgb(15 15 15);
+}
+
+ol-button[variant="default"]::part(base) {
+  background-color: transparent;
+  border-color: var(--ol-color-neutral-900);
+  color: var(--ol-color-neutral-900);
+}
+
+/* Inputs */
+ol-input::part(base) {
+  background-color: var(--ol-color-neutral-50);
+  border: none;
+  border-bottom: 1px solid var(--ol-color-neutral-800);
+  border-radius: var(--ol-border-radius-medium) var(--ol-border-radius-medium) 0 0;
+  box-shadow: none;
+  height: var(--ol-brand-input-height);
+}
+
+ol-input:focus::part(base) {
+  border-width: 2px;
+}
+
+ol-input::part(input) {
+  padding-top: var(--ol-spacing-medium);
+  height: inherit;
+  color: var(--ol-color-neutral-950);
+  background-color: transparent;
+}
+
+ol-input::part(input):-webkit-autofill,
+ol-input::part(input):-webkit-autofill:hover,
+ol-input::part(input):-webkit-autofill:focus,
+ol-input::part(input):-webkit-autofill:active {
+  -webkit-text-fill-color: var(--ol-color-neutral-900) !important;
+  --ol-input-background-color-hover: var(--ol-color-neutral-50);
+}
+
+/* Radio Button */
+ol-radio-button[data-ol-button-group__button]:not([data-ol-button-group__button--first]) {
+  margin-inline-start: 0;
+}
+
+/* Textarea */
+ol-textarea::part(base) {
+  background-color: var(--ol-color-neutral-50);
+  border: none;
+  border-bottom: 1px solid var(--ol-color-neutral-800);
+  border-radius: var(--ol-border-radius-medium) var(--ol-border-radius-medium) 0 0;
+  box-shadow: none;
+}
+
+ol-textarea:focus::part(base) {
+  border-width: 2px;
+}
+
+ol-textarea:focus::part(base)::after {
+  border-width: 1px;
+}
+
+/* Select */
+ol-select::part(combobox) {
+  height: var(--ol-brand-input-height);
+  background-color: var(--ol-color-neutral-50);
+  border: none;
+  border-bottom: 1px solid var(--ol-color-neutral-800);
+  border-radius: var(--ol-border-radius-medium) var(--ol-border-radius-medium) 0 0;
+  box-shadow: none;
+}
+
+ol-select::part(combobox)::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border-bottom: 0px solid var(--ol-color-neutral-900);
+  pointer-events: none;
+}
+
+ol-select:focus::part(combobox)::after {
+  border-width: 1px;
+}
+
+ol-select::part(listbox) {
+  border: none;
+  border-radius: 0;
+}
+
+ol-select::part(display-input),
+ol-select::part(prefix) {
+  padding-top: var(--ol-spacing-medium);
+}
+
+ol-select::part(form-control-label) {
+  position: absolute;
+  transform: translate(var(--ol-spacing-small), var(--ol-spacing-x-small));
+  font-size: var(--ol-font-size-x-small);
+  padding-inline: var(--ol-spacing-2x-small);
+}
+
+ol-option::part(base) {
+  padding: var(--ol-spacing-small);
+}
+
+ol-option[aria-selected="true"]::part(base) {
+  background-color: var(--ol-color-neutral-50);
+  color: var(--ol-color-neutral-950);
+}
+
+ol-option::part(checked-icon) {
+  display: none;
+}
+
+/* Button Group */
+ol-button-group::part(base) {
+  padding: var(--ol-spacing-2x-small);
+  border-radius: var(--ol-border-radius-pill);
+  background: rgba(255, 255, 255, 0.04);
+  backdrop-filter: blur(4px);
+  -webkit-backdrop-filter: blur(4px);
+  gap: var(--ol-spacing-2x-small);
+}
+
+ol-button-group ol-button[variant="default"]::part(base) {
+  background: transparent;
+  border-color: transparent;
+}
+
+ol-button-group ol-button[variant="default"]::part(label) {
+  color: var(--ol-color-neutral-0);
+}
+
+/* Onlive Flow Components */
+
+/* Phone Input */
+.ofl__phone-input__prefix {
+  margin-top: var(--ol-spacing-x-small);
+}
+
+.ofl__phone-input.ofl__phone-input__number--label.ofl__phone-input__number--floating-label:not(
+    .ofl__phone-input__number--prefix-label
+  )
+  .ofl__phone-input__prefix,
+.ofl__phone-input.ofl__phone-input__number--label.ofl__phone-input__number--floating-label
+  .ofl__phone-input__number {
+  margin-top: 0;
+}
+
+/* Map */
+.ofl__map__options-list--button .ofl__map__option-item::part(base),
+.ofl__map__options-list--button .ofl__map__option-item::part(button) {
+  border-radius: var(--ol-border-radius-medium);
+}
+
+.ofl__map__map-container--visible {
+  border-radius: var(--ol-border-radius-medium);
+  overflow: hidden;
+}
+
+ol-input.ofl__map__search-input::part(base) {
+  height: var(--ol-brand-input-no-label-height);
+}
+
+ol-input.ofl__map__search-input::part(input) {
+  padding-top: 0;
+}
+
+.ofl__map__options-list--button
+  .ofl__map__option-item.ofl__map__option-item--selected::part(button),
+.ofl__map__options-list--button
+  .ofl__map__option-item.ofl__map__option-item--selected:not([disabled]):hover::part(button) {
+  background-color: var(--ol-color-primary-600);
+}
+
+.ofl__map__options-list::part(button-group__base) {
+  max-height: 250px;
+  overflow: auto;
+}
+
+/* Onlive Meet Components */
+
+.ofl__meet__controls,
+:host([display-state="maximized"]) .ofl__meet__controls {
+  position: absolute;
+  bottom: 0;
+  width: max-content;
+  padding: var(--ol-spacing-x-small);
+  border-radius: var(--ol-border-radius-pill);
+  background: rgba(255, 255, 255, 0.3);
+  backdrop-filter: blur(7px);
+  -webkit-backdrop-filter: blur(7px);
+  border: 1px solid rgba(255, 255, 255, 0.15);
+  margin-bottom: var(--ol-spacing-x-large);
+}
+
+.ofl__meet__view-switcher::after {
+  content: "";
+  height: 100%;
+  border-right: 1px solid var(--ol-color-neutral-0);
+  opacity: 0.2;
+  margin-left: var(--ol-spacing-small);
+  margin-right: var(--ol-spacing-x-small);
+}
+
+.ofl__meet__mic-control,
+.ofl__meet__mic-control ol-button:not(.ofl__meet__button--inactive)::part(base),
+.ofl__meet__agent-mute-button:not(.ofl__meet__button--inactive)::part(base) {
+  background: rgba(255, 255, 255, 0.04);
+  backdrop-filter: blur(4px);
+  -webkit-backdrop-filter: blur(4px);
+  border: none;
+}
+
+.ofl__meet__mic-control ol-button::part(label),
+.ofl__meet__agent-mute-button::part(label) {
+  color: var(--ol-color-neutral-0);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.ofl__meet__button--inactive[variant="default"]::part(base) {
+  background-color: rgb(255 0 0 / 70%);
+  border-color: rgb(255 0 0 / 60%);
+}
+
+.ofl__meet__audio-bar {
+  background-color: var(--ol-color-neutral-0);
+}
+
+.ofl__meet__view-switcher ol-button::part(base) {
+  min-height: 25px;
+  line-height: 25px;
+}
+
+.ofl__meet__view-switcher ol-button::part(label) {
+  font-size: var(--ol-font-size-x-small);
+}
+
+.ofl__meet__powered-by {
+  position: absolute;
+  bottom: -20px;
+  color: var(--ol-color-neutral-50);
+}
+
+.ofl__meet__powered-by a {
+  color: var(--ol-color-neutral-50);
+}
+
+:host([display-state="minimized"]) .ofl__meet__controls {
+  border: none;
+  border-radius: var(--ol-border-radius-pill);
+}
+
+/* Onlive Chat Components */
+
+:host([display-state="maximized"]),
+.och__evaluation__actions {
+  /* Neutral */
+  --ol-color-gray-50: rgb(34, 36, 40);
+  --ol-color-gray-100: rgb(41, 44, 49);
+  --ol-color-gray-200: rgb(51, 54, 58);
+  --ol-color-gray-300: rgb(64, 68, 73);
+  --ol-color-gray-400: rgb(82, 87, 93);
+  --ol-color-gray-500: rgb(103, 109, 116);
+  --ol-color-gray-600: rgb(136, 143, 151);
+  --ol-color-gray-700: rgb(172, 180, 190);
+  --ol-color-gray-800: rgb(207, 214, 222);
+  --ol-color-gray-900: rgb(227, 232, 238);
+  --ol-color-gray-950: rgb(242, 242, 242);
+
+  --ol-color-neutral-50: var(--ol-color-gray-50);
+  --ol-color-neutral-100: var(--ol-color-gray-100);
+  --ol-color-neutral-200: var(--ol-color-gray-200);
+  --ol-color-neutral-300: var(--ol-color-gray-300);
+  --ol-color-neutral-400: var(--ol-color-gray-400);
+  --ol-color-neutral-500: var(--ol-color-gray-500);
+  --ol-color-neutral-600: var(--ol-color-gray-600);
+  --ol-color-neutral-700: var(--ol-color-gray-700);
+  --ol-color-neutral-800: var(--ol-color-gray-800);
+  --ol-color-neutral-900: var(--ol-color-gray-900);
+  --ol-color-neutral-950: var(--ol-color-gray-950);
+
+  --ol-color-primary-500: var(--ol-brand-color-accent);
+  --ol-color-primary-600: var(--ol-brand-color-accent);
+}
+
+.och__message__container {
+  align-items: flex-start;
+}
+
+.och__message--me .och__message__box {
+  border-radius: var(--ol-border-radius-large) var(--ol-border-radius-small)
+    var(--ol-border-radius-large) var(--ol-border-radius-large);
+  background: var(--ol-color-primary-500);
+  border: 1px solid var(--ol-color-primary-600);
+}
+
+:host([display-state="maximized"]) .och__message--me .och__message__box {
+  background: rgb(42 94 67 / 70%);
+  border-color: var(--ol-color-primary-400);
+  box-shadow: none;
+}
+
+.och__message--other .och__message__box {
+  box-shadow: none;
+  background-color: var(--ol-color-neutral-100);
+  border-radius: var(--ol-border-radius-small) var(--ol-border-radius-large)
+    var(--ol-border-radius-large) var(--ol-border-radius-large);
+  border: 1px solid var(--ol-color-neutral-200);
+}
+
+:host([display-state="maximized"]) .och__message--other .och__message__box {
+  background: rgb(41 44 49 / 92%);
+  border-color: var(--ol-color-neutral-50);
+  box-shadow: none;
+}
+
+:host([display-state="maximized"]) .och__message--me .och__message__text {
+  color: var(--ol-brand-color-accent);
+}
+
+:host([display-state="maximized"]) .och__message--other .och__message__text {
+  color: var(--ol-color-neutral-800);
+}
+
+.och__message__from,
+.och__message__time {
+  color: var(--ol-color-neutral-500);
+  font-weight: var(--ol-font-weight-normal);
+  text-transform: uppercase;
+  font-size: var(--ol-font-size-2x-small);
+}
+
+.och__message__from::after {
+  margin-left: var(--ol-spacing-2x-small);
+  margin-right: var(--ol-spacing-3x-small);
+}
+
+.och__message--me .och__message__from,
+.och__message--me .och__message__time {
+  color: var(--ol-color-primary-700);
+}
+
+.och__message__status {
+  color: var(--ol-color-neutral-800);
+}
+
+.och__message__container--form {
+  border: none;
+}
+
+:host([display-state="maximized"]) .och__message__container .och__message__report ol-icon-button {
+  color: var(--ol-color-neutral-700);
+}
+
+.ocb__body__sidebar-toggle::part(base) {
+  background: rgb(0 0 0 / 90%);
+  color: rgb(255 255 255 / 90%);
+}
+
+ol-button:not([circle]).och__send__submit-button::part(label),
+ol-button:not([circle]).och__send__cancel-button::part(label),
+ol-button:not([circle]).och__send__emoji-button::part(label) {
+  padding: var(--ol-spacing-2x-small);
+}
+
+.och__send__submit-button::part(base),
+:host([display-state="maximized"]) .och__send__submit-button::part(base) {
+  background: var(--ol-brand-color-accent);
+  color: var(--ol-color-neutral-100);
+  border: 1px solid var(--ol-brand-color-accent);
+}
+
+.och__evaluation__rating-label {
+  color: var(--ol-color-neutral-200);
+}
+
+.och__chat--maximized ol-button[variant="default"]::part(base) {
+  border-color: var(--ol-color-neutral-50);
+}
+
+.och__chat--maximized ol-button[variant="default"]::part(label) {
+  color: var(--ol-color-neutral-50);
+}
+
+.och__send__textarea-shell,
+:host([display-state="maximized"]) .och__send__textarea-shell {
+  padding: 14px 20px;
+  border-radius: var(--ol-border-radius-pill);
+  background: rgba(255, 255, 255, 0.3);
+  backdrop-filter: blur(7px);
+  -webkit-backdrop-filter: blur(7px);
+  border: 1px solid rgba(255, 255, 255, 0.15);
+}
+
+.ocb__header__logo {
+  height: 28px;
+  background-size: auto;
+}
+
+@media (max-width: 640px) {
+  :host([display-state="maximized"]) .ofl__meet__controls {
+    width: calc(100% - 2 * var(--ol-spacing-x-large) + 6px);
+  }
+
+  :host([meet-present]) .och__chat--maximized {
+    max-height: calc(100% - 28px);
+  }
+
+  .ofl__meet__agent-mute-control {
+    margin-left: auto;
+  }
+
+  .ofl__meet__view-switcher::after {
+    display: none;
+  }
+}
+`;export{a as styles};

package/themes/custom/transparency.theme.cjs

@@ -1,5 +1,5 @@
-/*! @onlive.ai/common-121 v0.2.198 | © 2026 Onlive.ai */
-"use strict";var e=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var f=(r,o)=>{for(var l in o)e(r,l,{get:o[l],enumerable:!0})},p=(r,o,l,c)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of _(o))!b.call(r,a)&&a!==l&&e(r,a,{get:()=>o[a],enumerable:!(c=n(o,a))||c.enumerable});return r};var d=r=>p(e({},"__esModule",{value:!0}),r);var g={};f(g,{styles:()=>i});module.exports=d(g);var t=require("lit"),i=t.css`
+/*! @onlive.ai/common-121 v0.2.227 | © 2026 Onlive.ai */
+"use strict";var t=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var f=(r,o)=>{for(var l in o)t(r,l,{get:o[l],enumerable:!0})},b=(r,o,l,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of n(o))!p.call(r,a)&&a!==l&&t(r,a,{get:()=>o[a],enumerable:!(e=c(o,a))||e.enumerable});return r};var i=r=>b(t({},"__esModule",{value:!0}),r);var g={};f(g,{styles:()=>d});module.exports=i(g);var _=require("lit"),d=_.css`
 /**
  * Transparency / Glass Effect Theme
  * ==================================
@@ -7,8 +7,8 @@
  * 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"]).
+ * Applied automatically when effects.transparent = true in FlowOptions.
+ * Can also be stacked via themeName array (e.g., themeName: ["audi", "transparency"]).
  *
  * Covers: input, textarea, select/group, rating, phone-input,
  * calendar, map, stripe, button group, checkbox, radio, carousel.
@@ -18,7 +18,9 @@
    INPUT
    ======================================================================== */
 
-.ofl__input::part(base) {
+.ofl__input::part(base),
+.ofl__input::part(prefix),
+.ofl__input::part(suffix) {
   background: rgba(0, 0, 0, 0.25);
   backdrop-filter: blur(16px);
 }
@@ -222,6 +224,37 @@
   color: rgba(255, 255, 255, 0.9);
 }
 
+.ofl__map__options-list::part(button-group) {
+  max-height: 280px;
+  overflow: auto;
+}
+
+.ofl__map__option-item::part(base) {
+  background: rgba(0, 0, 0, 0.25);
+  backdrop-filter: blur(16px);
+}
+
+.ofl__map__options-list--button .ofl__map__option-item:not([disabled]):hover::part(button) {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.ofl__map__options-list--button
+  .ofl__map__option-item.ofl__map__option-item--selected:not([disabled])::part(button) {
+  background-color: var(--ol-color-neutral-800);
+}
+
+.ofl__map__option-item .ofl__map__option-item__title {
+  color: #fff;
+}
+
+.ofl__map__option-item .ofl__map__option-item__description {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ofl__map__options-list--button .ofl__map__option-item .ofl__map__option-item__properties {
+  color: rgba(255, 255, 255, 0.8);
+}
+
 /* ========================================================================
    STRIPE
    ======================================================================== */
@@ -291,4 +324,8 @@
 .ofl__carousel__nav ol-radio-button::part(label) {
   color: rgba(255, 255, 255, 0.9);
 }
+
+.ofl__flow--in-container {
+  height: auto;
+}
 `;0&&(module.exports={styles});

package/themes/custom/transparency.theme.css

@@ -5,8 +5,8 @@
  * 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"]).
+ * Applied automatically when effects.transparent = true in FlowOptions.
+ * Can also be stacked via themeName array (e.g., themeName: ["audi", "transparency"]).
  *
  * Covers: input, textarea, select/group, rating, phone-input,
  * calendar, map, stripe, button group, checkbox, radio, carousel.
@@ -16,7 +16,9 @@
    INPUT
    ======================================================================== */
 
-.ofl__input::part(base) {
+.ofl__input::part(base),
+.ofl__input::part(prefix),
+.ofl__input::part(suffix) {
   background: rgba(0, 0, 0, 0.25);
   backdrop-filter: blur(16px);
 }
@@ -220,6 +222,37 @@
   color: rgba(255, 255, 255, 0.9);
 }
 
+.ofl__map__options-list::part(button-group) {
+  max-height: 280px;
+  overflow: auto;
+}
+
+.ofl__map__option-item::part(base) {
+  background: rgba(0, 0, 0, 0.25);
+  backdrop-filter: blur(16px);
+}
+
+.ofl__map__options-list--button .ofl__map__option-item:not([disabled]):hover::part(button) {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.ofl__map__options-list--button
+  .ofl__map__option-item.ofl__map__option-item--selected:not([disabled])::part(button) {
+  background-color: var(--ol-color-neutral-800);
+}
+
+.ofl__map__option-item .ofl__map__option-item__title {
+  color: #fff;
+}
+
+.ofl__map__option-item .ofl__map__option-item__description {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ofl__map__options-list--button .ofl__map__option-item .ofl__map__option-item__properties {
+  color: rgba(255, 255, 255, 0.8);
+}
+
 /* ========================================================================
    STRIPE
    ======================================================================== */
@@ -289,3 +322,7 @@
 .ofl__carousel__nav ol-radio-button::part(label) {
   color: rgba(255, 255, 255, 0.9);
 }
+
+.ofl__flow--in-container {
+  height: auto;
+}

package/themes/custom/transparency.theme.d.cts

@@ -1,3 +1,3 @@
-/*! @onlive.ai/common-121 v0.2.198 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.227 | © 2026 Onlive.ai */
 import 'lit';
-export { s as styles } from '../../transparency.theme-QwMaKD0O.cjs';
+export { s as styles } from '../../transparency.theme-GZeoSWwI.cjs';

package/themes/custom/transparency.theme.d.ts

@@ -1,3 +1,3 @@
-/*! @onlive.ai/common-121 v0.2.198 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.227 | © 2026 Onlive.ai */
 import 'lit';
-export { s as styles } from '../../transparency.theme-QwMaKD0O.js';
+export { s as styles } from '../../transparency.theme-GZeoSWwI.js';