/* =====================
  Tokens in Design System
  (following https://medium.com/eightshapes-llc/tokens-in-design-systems-25dd82d58421)
===================== */
/* ==========[ TOKENS ]========== */
/* 1. Texts */
/* 2. Button */
/* 3. Brand */
/* 4. Background */
/* 5. Font */
/* 6. Border */
/* ==========[ DECISION ]========== */
/** VAR OLDS **/
/*-- Colors --*/
/*-- Text & Font --*/
/*-- Border, Shadow --*/
/*-- Main colors --*/
.product_data-modeling .maintainable__content .background {
  background-color: #f5fbf9;
  top: 0;
  right: 100%;
  width: 40%; }

.product_data-modeling .hero {
  padding-top: 100px; }
  .product_data-modeling .hero__path {
    bottom: -32px; }

.product_data-modeling .maintainable2__content {
  padding: 50px 0; }
  .product_data-modeling .maintainable2__content .background {
    background-color: #f5fbf9;
    top: 0;
    left: 100%;
    width: 100%; }
  @media (min-width: 967px) {
    .product_data-modeling .maintainable2__content {
      padding: 100px 0; } }