@onlive.ai/common-121 0.2.199 → 0.2.228

package/themes/custom/jac.theme.js

@@ -0,0 +1,366 @@
+/*! @onlive.ai/common-121 v0.2.228 | © 2026 Onlive.ai */
+import{css as o}from"lit";var l=o`
+:root,
+:host,
+.ol-theme-light {
+  /* Font */
+  --ol-font-sans: "Gotham", sans-serif;
+
+  /* Palette */
+  /* Onlive UI Palette */
+  --ol-color-primary-50: var(--ol-color-primary-overlay-50, rgb(0 0 0));
+  --ol-color-primary-100: var(--ol-color-primary-overlay-100, rgb(0 0 0));
+  --ol-color-primary-200: var(--ol-color-primary-overlay-200, rgb(0 0 0));
+  --ol-color-primary-300: var(--ol-color-primary-overlay-300, rgb(0 0 0));
+  --ol-color-primary-400: var(--ol-color-primary-overlay-400, rgb(0 0 0));
+  --ol-color-primary-500: var(--ol-color-primary-overlay-500, rgb(0 0 0));
+  --ol-color-primary-600: var(--ol-color-primary-overlay-600, rgb(0 0 0));
+  --ol-color-primary-700: var(--ol-color-primary-overlay-700, rgb(240 240 240));
+  --ol-color-primary-800: var(--ol-color-primary-overlay-800, rgb(240 240 240));
+  --ol-color-primary-900: var(--ol-color-primary-overlay-900, rgb(240 240 240));
+  --ol-color-primary-950: var(--ol-color-primary-overlay-950, rgb(240 240 240));
+
+  --ol-color-neutral-0: var(--ol-color-neutral-overlay-0, rgb(255 255 255));
+  --ol-color-gray-50: var(--ol-color-gray-overlay-50, rgb(254 254 254));
+  --ol-color-gray-100: var(--ol-color-gray-overlay-100, rgb(249 249 249));
+  --ol-color-gray-200: var(--ol-color-gray-overlay-200, rgb(239 239 239));
+  --ol-color-gray-300: var(--ol-color-gray-overlay-300, rgb(214 214 214));
+  --ol-color-gray-400: var(--ol-color-gray-overlay-400, rgb(179 179 179));
+  --ol-color-gray-500: var(--ol-color-gray-overlay-500, rgb(141 141 141));
+  --ol-color-gray-600: var(--ol-color-gray-overlay-600, rgb(102 102 102));
+  --ol-color-gray-700: var(--ol-color-gray-overlay-700, rgb(62 62 62));
+  --ol-color-gray-800: var(--ol-color-gray-overlay-800, rgb(20 20 20));
+  --ol-color-gray-900: var(--ol-color-gray-overlay-900, rgb(5 5 5));
+  --ol-color-gray-950: var(--ol-color-gray-overlay-950, rgb(0 0 0));
+  --ol-color-neutral-1000: var(--ol-color-neutral-overlay-1000, rgb(0 0 0));
+
+  --ol-color-neutral-50: var(--ol-color-neutral-overlay-50, var(--ol-color-gray-50));
+  --ol-color-neutral-100: var(--ol-color-neutral-overlay-100, var(--ol-color-gray-100));
+  --ol-color-neutral-200: var(--ol-color-neutral-overlay-200, var(--ol-color-gray-200));
+  --ol-color-neutral-300: var(--ol-color-neutral-overlay-300, var(--ol-color-gray-300));
+  --ol-color-neutral-400: var(--ol-color-neutral-overlay-400, var(--ol-color-gray-400));
+  --ol-color-neutral-500: var(--ol-color-neutral-overlay-500, var(--ol-color-gray-500));
+  --ol-color-neutral-600: var(--ol-color-neutral-overlay-600, var(--ol-color-gray-600));
+  --ol-color-neutral-700: var(--ol-color-neutral-overlay-700, var(--ol-color-gray-700));
+  --ol-color-neutral-800: var(--ol-color-neutral-overlay-800, var(--ol-color-gray-800));
+  --ol-color-neutral-900: var(--ol-color-neutral-overlay-900, var(--ol-color-gray-900));
+  --ol-color-neutral-950: var(--ol-color-neutral-overlay-950, var(--ol-color-gray-950));
+
+  --ol-input-border-color-focus: var(--ol-color-neutral-200);
+
+  /* Onlive UI Font and Vars */
+  --ol-calendar-day-padding: var(--ol-spacing-x-small) 25px;
+}
+
+och-message[display-state="maximized"],
+och-send[display-state="maximized"],
+och-evaluation[display-state="maximized"],
+olm-meet[display-state="maximized"],
+olm-meet-controls[display-state="maximized"] {
+  --ol-color-primary-overlay-50: rgb(240 240 240);
+  --ol-color-primary-overlay-100: rgb(240 240 240);
+  --ol-color-primary-overlay-200: rgb(240 240 240);
+  --ol-color-primary-overlay-300: rgb(240 240 240);
+  --ol-color-primary-overlay-400: rgb(240 240 240);
+  --ol-color-primary-overlay-500: rgb(240 240 240);
+  --ol-color-primary-overlay-600: rgb(240 240 240);
+  --ol-color-primary-overlay-700: rgb(0 0 0);
+  --ol-color-primary-overlay-800: rgb(0 0 0);
+  --ol-color-primary-overlay-900: rgb(0 0 0);
+  --ol-color-primary-overlay-950: rgb(0 0 0);
+
+  --ol-color-gray-overlay-50: rgb(0 0 0);
+  --ol-color-gray-overlay-100: rgb(20 20 20);
+  --ol-color-gray-overlay-200: rgb(60 60 60);
+  --ol-color-gray-overlay-300: rgb(102 102 102);
+  --ol-color-gray-overlay-400: rgb(141 141 141);
+  --ol-color-gray-overlay-500: rgb(179 179 179);
+  --ol-color-gray-overlay-600: rgb(214 214 214);
+  --ol-color-gray-overlay-700: rgb(239 239 239);
+  --ol-color-gray-overlay-800: rgb(249 249 249);
+  --ol-color-gray-overlay-900: rgb(254 254 254);
+  --ol-color-gray-overlay-950: rgb(255 255 255);
+
+  --ol-color-neutral-overlay-50: var(--ol-color-gray-overlay-50);
+  --ol-color-neutral-overlay-100: var(--ol-color-gray-overlay-100);
+  --ol-color-neutral-overlay-200: var(--ol-color-gray-overlay-200);
+  --ol-color-neutral-overlay-300: var(--ol-color-gray-overlay-300);
+  --ol-color-neutral-overlay-400: var(--ol-color-gray-overlay-400);
+  --ol-color-neutral-overlay-500: var(--ol-color-gray-overlay-500);
+  --ol-color-neutral-overlay-600: var(--ol-color-gray-overlay-600);
+  --ol-color-neutral-overlay-700: var(--ol-color-gray-overlay-700);
+  --ol-color-neutral-overlay-800: var(--ol-color-gray-overlay-800);
+  --ol-color-neutral-overlay-900: var(--ol-color-gray-overlay-900);
+  --ol-color-neutral-overlay-950: var(--ol-color-gray-overlay-950);
+
+  --ol-input-background-color: var(--ol-color-neutral-0);
+  --ol-input-background-color-hover: var(--ol-input-background-color);
+  --ol-input-background-color-focus: var(--ol-input-background-color);
+  --ol-input-background-color-disabled: var(--ol-color-neutral-100);
+  --ol-input-border-color: var(--ol-color-neutral-300);
+  --ol-input-border-color-hover: var(--ol-color-neutral-400);
+  --ol-input-border-color-focus: var(--ol-color-primary-500);
+  --ol-input-border-color-disabled: var(--ol-color-neutral-300);
+  --ol-input-color: var(--ol-color-neutral-700);
+  --ol-input-color-hover: var(--ol-color-neutral-700);
+  --ol-input-color-focus: var(--ol-color-neutral-700);
+  --ol-input-color-disabled: var(--ol-color-neutral-900);
+  --ol-input-icon-color: var(--ol-color-neutral-500);
+  --ol-input-icon-color-hover: var(--ol-color-neutral-600);
+  --ol-input-icon-color-focus: var(--ol-color-neutral-600);
+  --ol-input-placeholder-color: var(--ol-color-neutral-500);
+  --ol-input-placeholder-color-disabled: var(--ol-color-neutral-600);
+  --ol-input-help-text-color: var(--ol-color-neutral-500);
+}
+
+och-message[display-state="maximized"],
+och-evaluation[display-state="maximized"] {
+  --ol-color-neutral-overlay-0: rgb(0 0 0 / 90%);
+  --ol-color-neutral-overlay-1000: rgb(255 255 255 / 95%);
+}
+
+/* Onlive UI Components */
+ol-button:not([data-ol-button-group__button]):not([circle])::part(base) {
+  border-radius: 10px;
+}
+
+ol-button:not([data-ol-button-group__button]):not([circle])::part(label) {
+  font-size: 14px;
+  padding: var(--ol-spacing-3x-small) var(--ol-spacing-x-small);
+}
+
+ol-button[variant="primary"]::part(label),
+ol-button[variant="default"]::part(label) {
+  font-family: var(--ol-font-sans);
+}
+
+ol-button[variant="primary"]:not([circle])::part(base) {
+  background-color: var(--ol-color-primary-600);
+  border-color: var(--ol-color-primary-600);
+  color: var(--ol-color-neutral-50);
+}
+
+ol-button[variant="default"]:not([circle])::part(base) {
+  background-color: transparent;
+  color: var(--ol-color-neutral-900);
+  border-color: var(--ol-color-neutral-900);
+}
+
+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);
+}
+
+ol-button:not([circle]).och__send__cancel-button::part(base) {
+  border-radius: var(--ol-border-radius-pill);
+}
+
+/* Radio Button */
+ol-radio-button[data-ol-button-group__button]:not([data-ol-button-group__button--first]) {
+  margin-inline-start: 0;
+}
+
+ol-input::part(base) {
+  border-radius: 10px;
+}
+
+ol-select::part(combobox) {
+  border-radius: 10px;
+}
+
+/* Onlive Chatbot Components */
+:host([display-state="maximized"]) .och__message__container .och__message__report ol-icon-button {
+  color: var(--ol-color-neutral-700);
+}
+
+:host([display-state="maximized"]) .och__message--other .och__message__box {
+  background: rgba(0, 0, 0, 0.6);
+  border: 1px solid rgb(0 0 0 / 24%);
+}
+
+:host([display-state="maximized"]) .och__message--me .och__message__box {
+  background: rgba(255, 255, 255, 0.8);
+  border: 1px solid rgb(255 255 255 / 25%);
+}
+
+:host([display-state="maximized"]) .och__message--me .och__message__text {
+  color: rgb(0 0 0 / 90%);
+}
+
+:host([display-state="maximized"]) .och__message--me .och__message__box a {
+  color: rgb(16 93 228);
+}
+
+:host([display-state="maximized"]) .och__send__submit-button::part(base) {
+  background: var(--ol-color-primary-600);
+  color: var(--ol-color-primary-950);
+  border: 1px solid var(--ol-color-primary-600);
+}
+
+:host([display-state="maximized"]) .och__send__textarea-shell {
+  background: rgba(0, 0, 0, 0.5);
+}
+
+.ocb__widget__hint--visible,
+.ocb__widget__panel--visible {
+  z-index: 10000010;
+}
+
+.ocb__header__logo {
+  height: 30px;
+}
+
+.ocb__widget__hint {
+  margin-right: 32px;
+  margin-bottom: 100px;
+}
+
+.ocb__widget__launch-progress {
+  background: radial-gradient(
+    circle,
+    rgb(0 0 0 / 90%) 0%,
+    rgba(0, 0, 0, 0.8) 60%,
+    rgba(0, 0, 0, 0.92) 100%
+  );
+}
+
+.ocb__widget__launch-progress__label {
+  text-transform: uppercase;
+  font-size: var(--ol-font-size-2x-small);
+  letter-spacing: 2px;
+  color: var(--ol-color-neutral-400);
+  margin-bottom: var(--ol-spacing-small);
+}
+
+.ocb__widget__launch-progress__description {
+  color: var(--ol-color-neutral-0);
+  max-width: 450px;
+  width: 100%;
+  margin-top: var(--ol-spacing-2x-large);
+}
+
+.ocb__widget__launch-progress__percent {
+  font-size: var(--ol-font-size-4x-large);
+  font-weight: 900;
+}
+
+.ocb__widget__launch-progress__bar {
+  --height: 3px;
+}
+
+.olcs__launch-progress__message {
+  font-size: var(--ol-font-size-small);
+  line-height: var(--ol-line-height-dense);
+  font-style: italic;
+}
+
+.olcs__launch-progress__headphones {
+  margin-top: var(--ol-spacing-small);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--ol-spacing-x-small);
+  color: var(--ol-color-neutral-400);
+  font-size: var(--ol-font-size-x-small);
+}
+
+.olcs__launch-progress__headphones ol-icon {
+  color: var(--ol-color-neutral-0);
+}
+
+/* Onlive Flow Components */
+.ofl__calendar-container--in-container {
+  --ol-calendar-day-padding: var(--ol-spacing-x-small) 14px;
+}
+
+.ofl__flow--in-container {
+  overflow: hidden auto;
+}
+
+.ofl__flow--in-container .ofl__flow__description {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+}
+
+.ofl__flow__title {
+  font-size: var(--ol-font-size-large);
+  color: var(--ol-color-neutral-700);
+}
+
+.ofl__flow--in-container .ofl__flow__title {
+  margin-bottom: var(--ol-spacing-large);
+}
+
+.ofl__form__field {
+  padding: var(--ol-spacing-small) 0px;
+}
+
+.ofl__form--in-container .ofl__form__field {
+  padding: 0px;
+}
+
+.ofl__radio__radio + .ofl__radio__radio {
+  margin-top: var(--ol-spacing-x-small);
+}
+
+.ofl__actions.ofl__actions--in-container {
+  gap: var(--ol-spacing-x-small);
+  margin-bottom: var(--ol-spacing-large);
+}
+
+.olcs__central-icon {
+  font-size: 90px;
+  margin: 110px auto;
+  display: block;
+  color: var(--ol-color-neutral-600);
+}
+
+.olcs__mega-icon {
+  font-size: var(--ol-font-size-2x-large);
+  color: var(--ol-color-neutral-950);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: var(--ol-spacing-small) auto;
+}
+
+/* Register form: dark fullscreen backdrop */
+.ocb__widget__register-form__title,
+.ocb__widget__register-form__description {
+  color: rgba(255, 255, 255, 0.95);
+}
+
+.ofl__map__options-list::part(button-group) {
+  max-height: 280px;
+  overflow: auto;
+}
+
+.ofl__map__options-list--button
+  .ofl__map__option-item.ofl__map__option-item--selected::part(button) {
+  background-color: var(--ol-color-neutral-50);
+}
+
+.ofl__phone-input.ofl__phone-input__number--label:not(.ofl__phone-input__number--prefix-label):not(
+    .ofl__phone-input__number--floating-label
+  )
+  .ofl__phone-input__number,
+.ofl__phone-input.ofl__phone-input__number--prefix-label:not(.ofl__phone-input__number--label):not(
+    .ofl__phone-input__number--floating-label
+  )
+  .ofl__phone-input__number {
+  margin-top: calc(var(--ol-spacing-x-large) - 3px);
+}
+
+@media only screen and (max-width: 768px) {
+  :root,
+  :host,
+  .ol-theme-light {
+    --ol-calendar-day-padding: var(--ol-spacing-x-small) 16px;
+  }
+}
+`;export{l as styles};

package/themes/custom/magimix.theme.cjs

@@ -1,5 +1,5 @@
-/*! @onlive.ai/common-121 v0.2.199 | © 2026 Onlive.ai */
-"use strict";var i=Object.defineProperty;var e=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var s=(r,o)=>{for(var a in o)i(r,a,{get:o[a],enumerable:!0})},_=(r,o,a,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of p(o))!c.call(r,l)&&l!==a&&i(r,l,{get:()=>o[l],enumerable:!(n=e(o,l))||n.enumerable});return r};var g=r=>_(i({},"__esModule",{value:!0}),r);var d={};s(d,{styles:()=>m});module.exports=g(d);var t=require("lit"),m=t.css`
+/*! @onlive.ai/common-121 v0.2.228 | © 2026 Onlive.ai */
+"use strict";var e=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var v=(r,o)=>{for(var a in o)e(r,a,{get:o[a],enumerable:!0})},s=(r,o,a,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of i(o))!g.call(r,l)&&l!==a&&e(r,l,{get:()=>o[l],enumerable:!(t=n(o,l))||t.enumerable});return r};var y=r=>s(e({},"__esModule",{value:!0}),r);var u={};v(u,{styles:()=>p});module.exports=y(u);var c=require("lit"),p=c.css`
 :root,
 :host,
 .ol-theme-light {
@@ -18,54 +18,209 @@
   --ol-color-primary-900: rgb(123 34 41);
   --ol-color-primary-950: rgb(105 29 35);
 
+  --ol-color-neutral-0: var(--ol-color-neutral-overlay-0, rgb(255 255 255));
+  --ol-color-gray-50: var(--ol-color-gray-overlay-50, rgb(254 254 254));
+  --ol-color-gray-100: var(--ol-color-gray-overlay-100, rgb(249 249 249));
+  --ol-color-gray-200: var(--ol-color-gray-overlay-200, rgb(239 239 239));
+  --ol-color-gray-300: var(--ol-color-gray-overlay-300, rgb(214 214 214));
+  --ol-color-gray-400: var(--ol-color-gray-overlay-400, rgb(179 179 179));
+  --ol-color-gray-500: var(--ol-color-gray-overlay-500, rgb(141 141 141));
+  --ol-color-gray-600: var(--ol-color-gray-overlay-600, rgb(102 102 102));
+  --ol-color-gray-700: var(--ol-color-gray-overlay-700, rgb(62 62 62));
+  --ol-color-gray-800: var(--ol-color-gray-overlay-800, rgb(20 20 20));
+  --ol-color-gray-900: var(--ol-color-gray-overlay-900, rgb(5 5 5));
+  --ol-color-gray-950: var(--ol-color-gray-overlay-950, rgb(0 0 0));
+  --ol-color-neutral-1000: var(--ol-color-neutral-overlay-1000, rgb(0 0 0));
+
+  --ol-color-neutral-50: var(--ol-color-neutral-overlay-50, var(--ol-color-gray-50));
+  --ol-color-neutral-100: var(--ol-color-neutral-overlay-100, var(--ol-color-gray-100));
+  --ol-color-neutral-200: var(--ol-color-neutral-overlay-200, var(--ol-color-gray-200));
+  --ol-color-neutral-300: var(--ol-color-neutral-overlay-300, var(--ol-color-gray-300));
+  --ol-color-neutral-400: var(--ol-color-neutral-overlay-400, var(--ol-color-gray-400));
+  --ol-color-neutral-500: var(--ol-color-neutral-overlay-500, var(--ol-color-gray-500));
+  --ol-color-neutral-600: var(--ol-color-neutral-overlay-600, var(--ol-color-gray-600));
+  --ol-color-neutral-700: var(--ol-color-neutral-overlay-700, var(--ol-color-gray-700));
+  --ol-color-neutral-800: var(--ol-color-neutral-overlay-800, var(--ol-color-gray-800));
+  --ol-color-neutral-900: var(--ol-color-neutral-overlay-900, var(--ol-color-gray-900));
+  --ol-color-neutral-950: var(--ol-color-neutral-overlay-950, var(--ol-color-gray-950));
+
+  --ol-input-border-color-focus: var(--ol-color-neutral-200);
+
   /* Onlive UI Font and Vars */
   --ol-calendar-day-padding: var(--ol-spacing-x-small) 25px;
+  --ol-calendar-selected-color: var(--ol-color-neutral-950);
+}
+
+och-message[display-state="maximized"],
+och-send[display-state="maximized"],
+och-evaluation[display-state="maximized"],
+olm-meet[display-state="maximized"],
+olm-meet-controls[display-state="maximized"] {
+  --ol-color-gray-overlay-50: rgb(0 0 0);
+  --ol-color-gray-overlay-100: rgb(20 20 20);
+  --ol-color-gray-overlay-200: rgb(60 60 60);
+  --ol-color-gray-overlay-300: rgb(102 102 102);
+  --ol-color-gray-overlay-400: rgb(141 141 141);
+  --ol-color-gray-overlay-500: rgb(179 179 179);
+  --ol-color-gray-overlay-600: rgb(214 214 214);
+  --ol-color-gray-overlay-700: rgb(239 239 239);
+  --ol-color-gray-overlay-800: rgb(249 249 249);
+  --ol-color-gray-overlay-900: rgb(254 254 254);
+  --ol-color-gray-overlay-950: rgb(255 255 255);
+
+  --ol-color-neutral-overlay-50: var(--ol-color-gray-overlay-50);
+  --ol-color-neutral-overlay-100: var(--ol-color-gray-overlay-100);
+  --ol-color-neutral-overlay-200: var(--ol-color-gray-overlay-200);
+  --ol-color-neutral-overlay-300: var(--ol-color-gray-overlay-300);
+  --ol-color-neutral-overlay-400: var(--ol-color-gray-overlay-400);
+  --ol-color-neutral-overlay-500: var(--ol-color-gray-overlay-500);
+  --ol-color-neutral-overlay-600: var(--ol-color-gray-overlay-600);
+  --ol-color-neutral-overlay-700: var(--ol-color-gray-overlay-700);
+  --ol-color-neutral-overlay-800: var(--ol-color-gray-overlay-800);
+  --ol-color-neutral-overlay-900: var(--ol-color-gray-overlay-900);
+  --ol-color-neutral-overlay-950: var(--ol-color-gray-overlay-950);
+
+  --ol-input-background-color: var(--ol-color-neutral-0);
+  --ol-input-background-color-hover: var(--ol-input-background-color);
+  --ol-input-background-color-focus: var(--ol-input-background-color);
+  --ol-input-background-color-disabled: var(--ol-color-neutral-100);
+  --ol-input-border-color: var(--ol-color-neutral-300);
+  --ol-input-border-color-hover: var(--ol-color-neutral-400);
+  --ol-input-border-color-focus: var(--ol-color-primary-500);
+  --ol-input-border-color-disabled: var(--ol-color-neutral-300);
+  --ol-input-color: var(--ol-color-neutral-700);
+  --ol-input-color-hover: var(--ol-color-neutral-700);
+  --ol-input-color-focus: var(--ol-color-neutral-700);
+  --ol-input-color-disabled: var(--ol-color-neutral-900);
+  --ol-input-icon-color: var(--ol-color-neutral-500);
+  --ol-input-icon-color-hover: var(--ol-color-neutral-600);
+  --ol-input-icon-color-focus: var(--ol-color-neutral-600);
+  --ol-input-placeholder-color: var(--ol-color-neutral-500);
+  --ol-input-placeholder-color-disabled: var(--ol-color-neutral-600);
+  --ol-input-help-text-color: var(--ol-color-neutral-500);
+}
+
+och-message[display-state="maximized"],
+och-evaluation[display-state="maximized"],
+olm-meet-controls[display-state="maximized"] {
+  --ol-color-neutral-overlay-0: rgb(0 0 0 / 90%);
+  --ol-color-neutral-overlay-1000: rgb(255 255 255 / 95%);
 }
 
 /* Onlive UI Components */
-ol-button::part(base) {
+ol-button:not([data-ol-button-group__button]):not([circle])::part(base) {
   border-radius: 10px;
 }
-ol-button::part(label) {
+
+ol-button:not([data-ol-button-group__button]):not([circle])::part(label) {
   font-size: 14px;
   padding: var(--ol-spacing-3x-small) var(--ol-spacing-x-small);
 }
+
 ol-button[variant="primary"]::part(label),
 ol-button[variant="default"]::part(label) {
   font-family: "Futura Std Bold", sans-serif;
   font-weight: 700;
 }
-ol-button[variant="primary"]:not([disabled]):hover::part(base) {
+
+ol-button[variant="primary"]:not([circle]):not([disabled])::part(base) {
+  color: #fff;
+}
+
+ol-button[variant="primary"]:not([circle]):not([disabled]):hover::part(base) {
   background-color: transparent;
   border: 1px solid var(--ol-color-primary-600);
 }
-ol-button[variant="primary"]:not([disabled]):hover::part(label) {
+
+ol-button[variant="primary"]:not([circle]):not([disabled]):hover::part(label) {
   color: var(--ol-color-primary-600);
 }
+
 ol-input::part(base) {
   border-radius: 10px;
 }
 
+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);
+}
+
 /* Onlive Chatbot Components */
 .ocb__widget__hint--visible,
 .ocb__widget__panel--visible {
   z-index: 10000010;
 }
+
 .ocb__header__logo {
   height: 30px;
 }
+
 .ocb__widget__hint {
   margin-right: 32px;
   margin-bottom: 100px;
 }
 
+.och__message--me .och__message__box,
+:host([display-state="maximized"]) .och__message--me .och__message__box {
+  background: var(--ol-color-primary-700);
+  border: 1px solid var(--ol-color-primary-600);
+}
+
+.ocb__widget__launch-progress__label {
+  text-transform: uppercase;
+  font-size: var(--ol-font-size-2x-small);
+  letter-spacing: 2px;
+  color: var(--ol-color-neutral-400);
+  margin-bottom: var(--ol-spacing-small);
+}
+
+.ocb__widget__launch-progress__description {
+  color: var(--ol-color-neutral-0);
+  max-width: 450px;
+  width: 100%;
+  margin-top: var(--ol-spacing-2x-large);
+}
+
+.ocb__widget__launch-progress__percent {
+  font-size: var(--ol-font-size-4x-large);
+  font-weight: 900;
+}
+
+.ocb__widget__launch-progress__bar {
+  --indicator-color: var(--ol-color-primary-600);
+  --height: 3px;
+}
+
+.olcs__launch-progress__message {
+  font-size: var(--ol-font-size-small);
+  line-height: var(--ol-line-height-dense);
+  font-style: italic;
+}
+
+.olcs__launch-progress__headphones {
+  margin-top: var(--ol-spacing-small);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--ol-spacing-x-small);
+  color: var(--ol-color-neutral-400);
+  font-size: var(--ol-font-size-x-small);
+}
+
+.olcs__launch-progress__headphones ol-icon {
+  color: var(--ol-color-neutral-0);
+}
+
 /* Onlive Flow Components */
 .ofl__calendar-container--in-container {
   --ol-calendar-day-padding: var(--ol-spacing-x-small) 14px;
 }
+
 .ofl__flow--in-container {
   overflow: hidden auto;
 }
+
 .ofl__flow--in-container .ofl__flow__description {
   height: 100%;
   display: flex;
@@ -74,32 +229,44 @@ ol-input::part(base) {
   align-items: center;
   text-align: center;
 }
+
 .ofl__flow__title {
   font-size: var(--ol-font-size-large);
   color: var(--ol-color-neutral-700);
 }
+
 .ofl__flow--in-container .ofl__flow__title {
   margin-bottom: var(--ol-spacing-large);
 }
+
 .ofl__form__field {
   padding: var(--ol-spacing-small) 0px;
 }
+
 .ofl__form--in-container .ofl__form__field {
   padding: 0px;
 }
-.ofl__radio__radio + .ofl__radio__radio {
+
+.ofl__radio__radio+.ofl__radio__radio {
   margin-top: var(--ol-spacing-x-small);
 }
+
 .ofl__actions.ofl__actions--in-container {
   gap: var(--ol-spacing-x-small);
   margin-bottom: var(--ol-spacing-large);
 }
+
+.ofl__calendar__time-list--list .ofl__calendar__time-item::part(button--checked) {
+  color: #fff;
+}
+
 .olcs__central-icon {
   font-size: 90px;
   margin: 110px auto;
   display: block;
   color: var(--ol-color-neutral-600);
 }
+
 .olcs__mega-icon {
   font-size: var(--ol-font-size-2x-large);
   color: var(--ol-color-neutral-950);
@@ -110,6 +277,10 @@ ol-input::part(base) {
 }
 
 @media only screen and (max-width: 768px) {
+  .ocb__widget__launch-progress__description {
+    max-width: 280px;
+  }
+
   :root,
   :host,
   .ol-theme-light {