Merged in feat/sw-1493-revised-comparison-block (pull request #1236)

feat(SW-1493): Revised SAS comparison block

* Base of new TierDetails for SAS tier comparison

* Add backgrounds and content to TierDetails

* Implement new cms schema for SasTierComparison

* Override gap in jsontohtml styling to 0

* Add animations to comparison details

* Redesign again

* Update content model to new design

* Add border to bottom item in tier match list

* Wrap interpolate-size in @supports to be safe

* Merge branch 'master' into feat/sw-1493-revised-comparison-block


Approved-by: Joakim Jäderberg

app/[lang]/(live)/(public)/hotelreservation/(standard)/step/enterDetailsTracking.tsx

@@ -135,7 +135,7 @@ export default function EnterDetailsTracking(props: Props) {
       roomPrice: roomPrice.perStay.local.price,
       discount: roomRate.memberRate
         ? roomRate.publicRate.localPrice.pricePerStay -
-        roomRate.memberRate.localPrice.pricePerStay
+          roomRate.memberRate.localPrice.pricePerStay
         : 0,
       analyticsrateCode: getAnalyticsRateCode(roomRate.publicRate.rateCode),
       ancillaries: breakfastAncillary ? [breakfastAncillary] : [],

app/globals.css

@@ -129,6 +129,10 @@
   --lightbox-z-index: 150;
   --default-modal-overlay-z-index: 100;
   --default-modal-z-index: 101;
+
+  @supports (interpolate-size: allow-keywords) {
+    interpolate-size: allow-keywords;
+  }
 }
 
 * {