Merge pull request #21757 from overleaf/ds-checkout-price-summary

Checkout redesign - Adding the price summary section on the left section of the page

GitOrigin-RevId: 2224b0ac0444afc1033fc007132cf69f4271c3b0

services/web/frontend/stylesheets/bootstrap-5/pages/subscription.scss

@@ -177,6 +177,33 @@
       .features-list {
         margin-top: var(--spacing-08);
       }
+
+      .price-summary {
+        .price-summary-line {
+          display: flex;
+          justify-content: space-between;
+
+          .price-summary-line-width {
+            width: 70%;
+          }
+        }
+
+        p {
+          margin: unset;
+        }
+
+        .price-nowrap {
+          white-space: nowrap;
+        }
+
+        .price-summary-total-line {
+          margin-top: var(--spacing-06);
+
+          .price-summary-due {
+            color: var(--green-50);
+          }
+        }
+      }
     }
 
     hr {