/* Bridge the embedded friend-link app into the Butterfly page shell. */
body.fan-link-page #root > .fixed,
body.fan-link-page #root > div > .fixed {
  display: none !important;
}

body.fan-link-page #root > div {
  min-height: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

@media screen and (min-width: 901px) {
  body.fan-link-page #page {
    margin-top: -128px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.fan-link-page #article-container {
    padding: 0 !important;
  }

  body.fan-link-page #root > div > .relative.z-10 {
    max-width: none !important;
    margin: 0 !important;
    padding: 0 48px !important;
  }

  body.fan-link-page #root header {
    margin: 0 0 16px !important;
    padding: 0 !important;
  }

  body.fan-link-page #root > div > .relative.z-10 > .grid {
    margin-bottom: 0 !important;
  }

  body.fan-link-page #rightside {
    right: 0 !important;
    opacity: 1 !important;
  }

  body.fan-link-page #rightside-config-hide {
    height: auto !important;
    opacity: 1 !important;
    transform: none !important;
  }

  body.fan-link-page #rightside-config-show {
    display: none !important;
  }
}

@media screen and (max-width: 900px) {
  body.fan-link-page #page {
    background: transparent !important;
  }

  body.fan-link-page #root > div > .relative.z-10 {
    padding: 0 18px 28px !important;
  }

  body.fan-link-page #root header {
    margin: 0 0 28px !important;
    padding: 0 !important;
  }
}