@onlive.ai/common-121 0.2.199 → 0.2.227

package/themes/custom/seat.theme.css

@@ -2,6 +2,50 @@
  * Seat Theme
  */
 
+/* ========================================================================
+    FONTS
+    ======================================================================== */
+
+@font-face {
+  font-family: "SeatBlack";
+  src: url("https://www.seat.co.uk/etc.clientlibs/nuevaswebs/components/clientlibs/nuevaswebs/main/resources/fonts/SeatBcn-Black.eot");
+  src: url("https://www.seat.co.uk/etc.clientlibs/nuevaswebs/components/clientlibs/nuevaswebs/main/resources/fonts/SeatBcn-Black.woff")
+    format("woff");
+  font-weight: 900;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "SeatBold";
+  src: url("https://www.seat.co.uk/etc.clientlibs/nuevaswebs/components/clientlibs/nuevaswebs/main/resources/fonts/SeatBcn-Bold.eot");
+  src: url("https://www.seat.co.uk/etc.clientlibs/nuevaswebs/components/clientlibs/nuevaswebs/main/resources/fonts/SeatBcn-Bold.woff")
+    format("woff");
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "SeatMedium";
+  src: url("https://www.seat.co.uk/etc.clientlibs/nuevaswebs/components/clientlibs/nuevaswebs/main/resources/fonts/SeatBcn-Medium.eot");
+  src: url("https://www.seat.co.uk/etc.clientlibs/nuevaswebs/components/clientlibs/nuevaswebs/main/resources/fonts/SeatBcn-Medium.woff")
+    format("woff");
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "SeatRegular";
+  src: url("https://www.seat.co.uk/etc.clientlibs/nuevaswebs/components/clientlibs/nuevaswebs/main/resources/fonts/SeatBcn-Regular.eot");
+  src: url("https://www.seat.co.uk/etc.clientlibs/nuevaswebs/components/clientlibs/nuevaswebs/main/resources/fonts/SeatBcn-Regular.woff")
+    format("woff");
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+
 /* ========================================================================
   THEME TOKENS
   ======================================================================== */
@@ -85,29 +129,35 @@ ol-button::part(base) {
   border-radius: var(--ol-border-radius-pill);
   transition: all var(--ol-transition-medium) ease;
 }
+
 ol-button::part(label) {
   padding: var(--ol-spacing-2x-small) var(--ol-spacing-medium);
   font-family: var(--seat-font-family-bold);
   font-size: var(--ol-font-size-medium);
   font-weight: 700;
 }
+
 ol-button::part(spinner) {
   --track-width: 4px;
   font-size: 1.5em;
 }
+
 ol-button[variant="primary"]::part(base) {
   border-color: var(--ol-color-neutral-1000);
   background-color: var(--ol-color-neutral-1000);
   color: #ece9e1;
 }
+
 ol-button[variant="primary"]:hover:not([disabled])::part(base) {
   opacity: 0.8;
 }
+
 ol-button[variant="default"]::part(base) {
   background-color: transparent;
   border-color: var(--ol-color-neutral-1000);
   color: var(--ol-color-neutral-1000);
 }
+
 ol-button[variant="default"]:hover::part(base) {
   box-shadow: 0 0 0 1px var(--ol-color-neutral-1000);
 }
@@ -120,6 +170,7 @@ ol-input::part(base) {
   background-color: transparent;
   border-color: var(--ol-color-neutral-400);
 }
+
 ol-input::part(input) {
   color: var(--ol-color-neutral-1000);
   background: transparent;
@@ -129,6 +180,7 @@ ol-input::part(input) {
   font-weight: 300;
   font-size: var(--ol-font-size-small);
 }
+
 ol-input::part(form-control-label) {
   font-family: var(--seat-font-family-medium);
   font-weight: 400;
@@ -143,12 +195,14 @@ ol-textarea::part(base) {
   background-color: transparent;
   border-color: var(--ol-color-neutral-400);
 }
+
 ol-textarea::part(textarea) {
   font-size: var(--ol-font-size-small);
   color: var(--ol-color-neutral-900);
   background: transparent;
   padding: var(--ol-spacing-x-small);
 }
+
 ol-textarea::part(form-control-label) {
   font-size: var(--ol-font-size-small);
   font-family: var(--seat-font-family-medium);
@@ -165,9 +219,11 @@ ol-select::part(combobox) {
   box-shadow: none;
   padding-inline: var(--ol-spacing-x-small);
 }
+
 ol-select::part(form-control) {
   position: relative;
 }
+
 ol-select::part(form-control-label) {
   position: absolute;
   top: 20px;
@@ -180,16 +236,19 @@ ol-select::part(form-control-label) {
   z-index: 1;
   transition: all var(--ol-transition-fast) ease;
 }
+
 ol-select.ofl__select--selected::part(form-control-label) {
   font-size: var(--ol-font-size-x-small);
   top: 6px;
 }
+
 ol-select::part(display-input) {
   font-size: var(--ol-font-size-small);
   font-weight: 700;
   color: var(--ol-color-neutral-900);
   padding-top: var(--ol-spacing-large);
 }
+
 ol-select::part(listbox) {
   border-color: var(--ol-color-neutral-400);
   border-radius: 2px;
@@ -201,12 +260,15 @@ ol-option::part(base) {
   padding: var(--ol-spacing-x-small);
   background: transparent;
 }
+
 ol-option:hover::part(base) {
   background-color: #e1d7cd;
 }
+
 ol-option[aria-selected="true"]::part(base) {
   background-color: #e1d7cd;
 }
+
 ol-option::part(checked-icon) {
   display: none;
 }
@@ -225,27 +287,33 @@ ol-range::part(input) {
 ol-carousel::part(pagination) {
   gap: var(--ol-spacing-x-small);
 }
+
 ol-carousel::part(pagination-item) {
   border-radius: 0;
   height: 2px;
   width: 20px;
   background-color: var(--ol-color-neutral-400);
 }
+
 ol-carousel::part(pagination-item--active) {
   background: var(--ol-color-neutral-900);
 }
+
 .ofl__carousel--showcase-mode .ofl__carousel__item-label {
   display: none;
 }
+
 .ofl__carousel--showcase-mode::part(navigation-button) {
   background: var(--ol-color-neutral-1000);
   color: var(--ol-color-neutral-50);
   font-size: var(--ol-font-size-medium);
 }
+
 .ofl__carousel--showcase-mode::part(navigation-button--next) {
   position: absolute;
   right: 10vw;
 }
+
 .ofl__carousel--showcase-mode::part(navigation-button--previous) {
   position: absolute;
   left: 10vw;
@@ -255,9 +323,11 @@ ol-carousel::part(pagination-item--active) {
 ol-radio-button {
   margin-inline: 0;
 }
+
 ol-radio-button::part(label) {
   color: var(--ol-color-neutral-500);
 }
+
 ol-radio-button[checked]::part(button) {
   outline: 1px solid var(--ol-color-neutral-900);
 }
@@ -269,9 +339,11 @@ ol-radio-group::part(form-control-label) {
   color: var(--ol-color-neutral-500);
   margin-bottom: var(--ol-spacing-small);
 }
+
 ol-radio-group ol-radio + ol-radio {
   margin-top: var(--ol-spacing-x-small);
 }
+
 ol-radio-group ol-radio::part(control) {
   --toggle-size: 20px;
   margin: 2px;
@@ -279,13 +351,16 @@ ol-radio-group ol-radio::part(control) {
   border-color: var(--ol-color-neutral-500);
   z-index: 1;
 }
+
 ol-radio-group ol-radio::part(checked-icon) {
   transform: scale(1.3);
 }
+
 ol-radio-group ol-radio::part(control--checked) {
   color: var(--ol-color-primary-600);
   border-color: var(--ol-color-primary-600);
 }
+
 ol-radio-group ol-radio::part(label) {
   line-height: 1.5;
   color: var(--ol-color-neutral-600);
@@ -298,6 +373,7 @@ ol-checkbox::part(label) {
   color: var(--ol-color-neutral-600);
   line-height: var(--ol-line-height-dense);
 }
+
 ol-checkbox::part(control) {
   border-radius: 2px;
   height: 20px;
@@ -305,6 +381,7 @@ ol-checkbox::part(control) {
   background: transparent;
   border-color: var(--ol-color-neutral-400);
 }
+
 ol-checkbox::part(control--checked) {
   border-color: var(--ol-color-neutral-1000);
   background-color: var(--ol-color-neutral-1000);
@@ -322,11 +399,13 @@ ol-dialog::part(panel) {
 .ofl__flow__transition-overlay {
   font-size: var(--ol-spacing-2x-large);
 }
+
 .ofl__flow__loading 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 {
   background: transparent;
 }
@@ -339,23 +418,28 @@ ol-dialog::part(panel) {
 .ofl__map__search-input::part(base) {
   height: 50px;
 }
+
 .ofl__map__search-input::part(input) {
   height: 48px;
   margin-top: 0;
   padding: 0 var(--ol-input-spacing-medium);
 }
+
 .ofl__map__distance-range {
   margin-bottom: var(--ol-spacing-2x-small);
 }
+
 .ofl__map__map-container {
   height: 300px;
   aspect-ratio: 5 / 3;
   border-radius: 0;
   overflow: hidden;
 }
+
 .ofl__map {
   gap: var(--ol-spacing-small);
 }
+
 .ofl__map__location-empty {
   text-align: left;
   align-items: flex-start;
@@ -369,18 +453,22 @@ ol-dialog::part(panel) {
   margin-bottom: var(--ol-spacing-medium);
   color: var(--ol-color-neutral-900);
 }
+
 .ofl__map__options-list {
   max-height: 300px;
   overflow: auto;
   scrollbar-width: auto;
   scrollbar-color: var(--ol-color-neutral-900) transparent;
 }
+
 .ofl__map__options-list::-webkit-scrollbar {
   width: 8px;
 }
+
 .ofl__map__options-list::-webkit-scrollbar-track {
   background: transparent;
 }
+
 .ofl__map__options-list::-webkit-scrollbar-thumb {
   background: transparent;
   border-radius: var(--ol-border-radius-large);
@@ -392,35 +480,42 @@ ol-dialog::part(panel) {
   border-radius: 0;
   border: 1px solid var(--ol-color-neutral-900);
 }
+
 .ofl__map__options-list--button .ofl__map__option-item::part(button) {
   border-radius: 0;
   transition: all var(--ol-transition-medium) ease;
 }
+
 .ofl__map__options-list--button .ofl__map__option-item:not([disabled]):hover::part(button),
 .ofl__map__options-list--button
   .ofl__map__option-item.ofl__map__option-item--selected:not([disabled])::part(button) {
   background-color: var(--ol-color-neutral-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:hover::part(button) {
   box-shadow: inset 0 0 0 1px var(--ol-color-neutral-900);
 }
+
 .ofl__map__option-item__title {
   font-family: var(--ol-font-sans);
   color: var(--ol-color-neutral-1000);
   text-transform: uppercase;
   margin-bottom: var(--ol-spacing-2x-small);
 }
+
 .ofl__map__option-item__description,
 .ofl__map__options-list--button .ofl__map__option-item .ofl__map__option-item__properties {
   font-family: var(--ol-font-sans);
   font-size: var(--ol-font-size-medium);
   color: var(--ol-color-neutral-500);
 }
+
 .ofl__map__options-list::before {
   background: linear-gradient(to bottom, rgb(255 255 255 / 70%) 0%, rgba(0, 0, 0, 0) 100%);
 }
+
 .ofl__map__options-list::after {
   background: linear-gradient(to top, rgb(255 255 255 / 70%) 0%, rgba(0, 0, 0, 0) 100%);
 }
@@ -429,6 +524,7 @@ ol-dialog::part(panel) {
 .ofl__map__container--visible {
   gap: var(--ol-spacing-x-large);
 }
+
 .ofl__map__options-list--button::part(button-group__base) {
   gap: var(--ol-spacing-2x-small);
 }
@@ -440,6 +536,7 @@ ol-dialog::part(panel) {
   --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);
@@ -453,12 +550,14 @@ ol-dialog::part(panel) {
 .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;
@@ -466,27 +565,33 @@ ol-dialog::part(panel) {
   align-items: center;
   background-color: transparent;
 }
+
 .oip__page__content .oip__page__installation {
   display: flex;
   align-items: self-start;
   justify-content: center;
-  width: 50%;
   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 {
+.ofl__widget {
   max-width: 100%;
   margin: 0 auto;
 }
 
+.ofl__flow {
+  max-width: 664px;
+  margin: 0 auto;
+}
+
 /* ========================================================================
    FLOW FORM BLOCK
    ======================================================================== */
@@ -495,9 +600,11 @@ ol-dialog::part(panel) {
 .ofl__form > :not(:first-child) {
   margin-top: var(--ol-spacing-large);
 }
+
 .ofl__form > [component="label"] + [component="checkbox"] {
   margin-top: 0;
 }
+
 .ofl__form__field[component="checkbox"] + .ofl__form__field[component="label"] {
   margin-top: var(--ol-spacing-large);
 }
@@ -506,32 +613,39 @@ 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;
 }
+
 .ofl__flow__actions--top {
   margin-bottom: 0;
 }
+
 .ofl__actions--top .ofl__actions__button {
   width: max-content;
 }
+
 .ofl__actions--top .ofl__actions__button::part(base) {
   padding: 0;
   border: none;
 }
+
 .ofl__actions--top .ofl__actions__button:hover::part(base) {
   border: none;
   box-shadow: none;
   opacity: 0.8;
 }
+
 .ofl__actions--top .ofl__actions__button::part(label) {
   font-family: var(--seat-font-family-regular);
   font-size: var(--ol-font-size-medium);
   padding: 0;
   text-decoration: underline;
 }
+
 .ofl__actions--top .ofl__actions__button::part(prefix) {
   display: none;
 }
@@ -542,11 +656,13 @@ ol-dialog::part(panel) {
   font-weight: 300;
   color: var(--ol-color-neutral-900);
 }
+
 .ofl__label h2 {
   font-family: var(--seat-font-family-bold);
   font-size: var(--ol-font-size-medium);
   font-weight: 400;
 }
+
 .ofl__label p {
   margin-top: 0;
 }
@@ -556,19 +672,24 @@ ol-dialog::part(panel) {
 .ofl__input--error:focus::part(base) {
   border-color: var(--ol-color-danger-600);
 }
+
 .ofl__input--error::part(form-control-help-text) {
   color: var(--ol-color-danger-700);
 }
+
 .ofl__input--error::part(form-control-label),
 .ofl__input--error::part(form-control-label)::after {
   color: var(--ol-color-neutral-500);
 }
+
 .ofl__label a {
   color: var(--ol-color-neutral-900);
 }
+
 .ofl__input__error-message {
   position: absolute;
 }
+
 .ofl__input--success::part(base),
 .ofl__input--success:focus::part(base) {
   border-color: #009196;
@@ -578,6 +699,7 @@ ol-dialog::part(panel) {
 .ofl__select--error::part(combobox) {
   border-color: var(--ol-color-danger-600);
 }
+
 .ofl__select--success::part(combobox) {
   border-color: #009196;
 }
@@ -596,6 +718,7 @@ ol-dialog::part(panel) {
   border: none;
   padding: var(--ol-spacing-large) var(--ol-spacing-small);
 }
+
 .ofl__calendar__time-label {
   font-size: var(--ol-font-size-medium);
   font-family: var(--ol-font-sans);
@@ -603,22 +726,28 @@ ol-dialog::part(panel) {
   color: var(--ol-color-neutral-900);
   margin: var(--ol-spacing-3x-large) 0 var(--ol-spacing-x-small);
 }
+
 .ofl__calendar__time-item {
   width: 100%;
 }
+
 .ofl__calendar__time-list--list {
   max-width: 100%;
 }
+
 .ofl__calendar__time-list--list .ofl__calendar__time-item::part(button) {
   min-height: 40px;
 }
+
 .ofl__calendar__time-list--list .ofl__calendar__time-item::part(label) {
   font-size: var(--ol-font-size-small);
   color: var(--ol-color-neutral-900);
 }
+
 .ofl__calendar__time-list--list .ofl__calendar__time-item[checked]::part(label) {
   color: var(--ol-color-neutral-0);
 }
+
 .ofl__calendar__time-list--list::part(button-group) {
   width: 100%;
 }
@@ -631,18 +760,22 @@ ol-dialog::part(panel) {
   gap: var(--ol-spacing-x-small);
   justify-content: start;
 }
+
 .ofl__radio-button__group::part(button-group) {
   width: 100%;
 }
+
 .ofl__radio-button__group .ofl__radio-button__button {
   flex: 1;
 }
+
 .ofl__radio-button__group .ofl__radio-button__button::part(button) {
   border-radius: var(--ol-border-radius-pill);
   min-height: var(--ol-spacing-3x-large);
   background-color: #c3c3cb0d;
   border: none;
 }
+
 .ofl__radio-button__group::part(button-group__base) {
   gap: var(--ol-spacing-large);
 }
@@ -664,11 +797,13 @@ ol-dialog::part(panel) {
     position: sticky;
     top: 0;
   }
+
   .oip__page__content {
     height: 100%;
     justify-content: center;
     align-items: center;
   }
+
   .oip__page__content .oip__page__installation {
     height: auto;
     width: 100%;
@@ -678,40 +813,51 @@ ol-dialog::part(panel) {
   ol-carousel::part(navigation) {
     display: none;
   }
-  ol-carousel.ofl__carousel--showcase-mode {
+
+  ol-carousel:not(.ofl__carousel--showcase-mode-small).ofl__carousel--showcase-mode {
     width: 100%;
     transform: none;
   }
-  ol-carousel.ofl__carousel--showcase-mode::part(base) {
+
+  ol-carousel:not(.ofl__carousel--showcase-mode-small).ofl__carousel--showcase-mode::part(base) {
     height: 100%;
   }
+
   .ofl__map__map-container {
     aspect-ratio: 3 / 3;
   }
+
   .ofl__map__option-item__title {
     font-size: var(--ol-font-size-small);
   }
+
   .ofl__map__option-item__description,
   .ofl__map__options-list--button .ofl__map__option-item .ofl__map__option-item__properties {
     word-break: break-word;
     font-size: var(--ol-font-size-small);
   }
+
   .ofl__carousel--showcase-mode::part(pagination) {
     position: static;
   }
+
   .ofl__calendar__time-list--list .ofl__calendar__time-item::part(button) {
     min-height: 40px;
   }
+
   .ofl__calendar__time-list--list .ofl__calendar__time-item::part(label) {
     font-size: var(--ol-font-size-small);
   }
+
   .ofl__phone-input.ofl__phone-input__number--show-flag.ofl__phone-input__number--show-code
     .ofl__phone-input__prefix {
     width: 100%;
   }
+
   .ofl__calendar__time-list--list[size="small"]::part(button-group__base) {
     grid-template-columns: repeat(3, 1fr);
   }
+
   .ofl__flow__title,
   .ofl__flow__form-container,
   .ofl__flow__description,
@@ -724,12 +870,15 @@ ol-dialog::part(panel) {
   .ofl__stages--tabs .ofl__stages__progress {
     --height: 4px;
   }
+
   .ofl__stages--tabs .ofl__stages__progress::part(base) {
     border-radius: var(--ol-border-radius-large);
   }
+
   .ofl__stages--tabs.ofl__stages--small {
     padding: var(--ol-spacing-medium);
   }
+
   .ofl__stages--tabs.ofl__stages--small .ofl__stages__stage-name {
     line-height: 2.2;
     text-transform: uppercase;
@@ -741,33 +890,49 @@ ol-dialog::part(panel) {
    RESPONSIVE (DESKTOP)
    ======================================================================== */
 @media (min-width: 769px) {
-  ol-carousel.ofl__carousel--showcase-mode {
+  ol-carousel:not(.ofl__carousel--showcase-mode-small).ofl__carousel--showcase-mode {
     width: 100vw;
     transform: translateX(min(0px, calc(686px - 50vw)));
   }
+
   ol-carousel.ofl__carousel--showcase-mode::part(base) {
     height: max(320px, 40vh);
   }
-  ol-carousel.ofl__carousel--showcase-mode ol-carousel-item {
+
+  ol-carousel:not(.ofl__carousel--showcase-mode-small).ofl__carousel--showcase-mode
+    ol-carousel-item {
     opacity: 1;
     transition:
       transform 0.3s ease,
       opacity 0.3s ease;
   }
-  ol-carousel.ofl__carousel--showcase-mode ol-carousel-item img {
+
+  ol-carousel:not(.ofl__carousel--showcase-mode-small).ofl__carousel--showcase-mode
+    ol-carousel-item
+    img {
     transform: scale(0.7);
     opacity: 0.4;
     transition:
       transform 0.3s ease,
       opacity 0.3s ease;
   }
-  ol-carousel.ofl__carousel--showcase-mode ol-carousel-item.--is-active + ol-carousel-item img {
+
+  ol-carousel:not(.ofl__carousel--showcase-mode-small).ofl__carousel--showcase-mode
+    ol-carousel-item.--is-active
+    + ol-carousel-item
+    img {
     transform: scale(1.4);
     opacity: 1;
   }
+
+  ol-carousel.ofl__carousel--showcase-mode-small .ofl__carousel__item-image {
+    object-fit: contain;
+    max-height: 350px;
+  }
 }
+
 @media (min-width: 1600px) {
-  ol-carousel.ofl__carousel--showcase-mode {
+  ol-carousel:not(.ofl__carousel--showcase-mode-small).ofl__carousel--showcase-mode {
     width: 1600px;
     transform: translateX(-110px);
   }
@@ -783,6 +948,7 @@ ol-dialog::part(panel) {
   max-width: 1372px;
 }
 
+.ofl__flow,
 .ofl__flow.ofl__flow--step-paymentPreferences,
 .ofl__flow.ofl__flow--step-customerDetails,
 .ofl__flow.ofl__flow--step-dealerSelection,
@@ -796,31 +962,37 @@ ol-dialog::part(panel) {
 .olcs__title {
   margin-bottom: var(--ol-spacing-large);
 }
+
 .olcs__title h2,
 .olcs__title p {
   margin: 0;
 }
+
 .olcs__title p {
   font-size: var(--ol-font-size-large);
   font-family: var(--seat-font-family-regular);
   font-weight: 300;
   color: var(--ol-color-neutral-500);
 }
+
 .olcs__title h2 {
   font-family: var(--seat-font-family-black);
   font-weight: 900;
   line-height: 1.5;
   font-size: var(--ol-font-size-2x-large);
 }
+
 .olcs__test-drive-label {
   margin-bottom: min(10vh, 150px);
 }
+
 .olcs__test-drive-label h2 {
   font-size: var(--ol-font-size-large);
   line-height: 1.5;
   color: var(--ol-color-neutral-500);
   margin: var(--ol-spacing-medium) 0;
 }
+
 .olcs__test-drive-label p {
   font-family: var(--seat-font-family-medium);
   font-weight: 400;
@@ -829,6 +1001,7 @@ ol-dialog::part(panel) {
   color: var(--ol-color-neutral-900);
   margin: var(--ol-spacing-medium) 0;
 }
+
 .olcs__carousel-label {
   font-family: var(--seat-font-family-black);
   font-size: var(--ol-font-size-2x-large);
@@ -838,49 +1011,68 @@ ol-dialog::part(panel) {
   text-align: center;
   margin: 0;
 }
+
 .ofl__form__field[name="carouselLabel"] {
   margin-bottom: 0;
 }
+
 .olcs__model-image {
   width: 100%;
 }
+
 .olcs__card {
   text-align: center;
 }
+
 .olcs__label {
   font-weight: 200;
   text-align: center;
   margin: 0;
 }
+
 h3.olcs__label {
   font-weight: 200;
 }
+
 .olcs__dealer {
   margin-top: var(--ol-spacing-large);
 }
+
 .olcs__datetime {
   font-family: var(--seat-font-family-bold);
   font-size: var(--ol-font-size-large);
   margin: var(--ol-spacing-3x-large) auto var(--ol-spacing-large);
 }
+
 .olcs__customer-details {
   margin: var(--ol-spacing-2x-large) 0 0 0;
   font-weight: 300;
 }
+
 .olcs__row__text {
   display: flex;
   align-items: center;
   gap: var(--ol-spacing-large);
 }
+
 .olcs__row__text h4 {
   font-family: var(--seat-font-family-bold);
   width: 50px;
 }
+
 .olcs__row__text h4,
 .olcs__row__text p {
   margin: var(--ol-spacing-x-small) 0;
 }
 
+.olcs__table {
+  text-align: left;
+}
+
+.olcs__table tbody th {
+  padding-right: var(--ol-spacing-2x-large);
+}
+
 /* ========================================================================
    RESPONSIVE (MOBILE)
    ======================================================================== */
@@ -890,19 +1082,24 @@ h3.olcs__label {
     font-size: var(--ol-font-size-x-large);
     margin-bottom: var(--ol-spacing-large);
   }
+
   .olcs__test-drive-label h2,
   .olcs__test-drive-label p {
     margin: var(--ol-spacing-x-small) 0;
   }
+
   .ofl__form__field[name="carouselLabel"] {
     margin-bottom: 0;
   }
+
   .olcs__carousel-label p {
     font-size: var(--ol-font-size-medium);
   }
+
   .olcs__carousel-label h2 {
     font-size: var(--ol-font-size-2x-large);
   }
+
   .olcs__title h2 {
     font-size: calc(2 * var(--ol-font-size-medium));
   }