html, body {
  margin: 0;
  padding: 0;
  font-family: "Salesforce Sans", sans-serif;
  line-height: normal; }

p {
  margin: 0; }

.page-container {
  max-width: 1200px; }

.region {
  position: relative; }
  .region .experience-component {
    position: relative;
    top: 0;
    bottom: 0; }
  .region::before {
    display: block;
    content: "";
    width: 100%; }

div .sf-interactions-proxyHoverContainer a {
  overflow: visible; }

.container .highlight {
  -ms-flex-align: center;
      align-items: center;
  margin-top: 15px;
  margin-bottom: 15px; }

.page-designer-reference {
  padding-right: 0;
  padding-left: 0; }
  .page-designer-reference .col-12 {
    padding-right: 0;
    padding-left: 0; }
  .page-designer-reference .row {
    margin-right: 0;
    margin-left: 0; }
    @media (min-width: 992px) {
      .page-designer-reference .row {
        margin-right: auto;
        margin-left: auto; } }