/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}

.ps-container > .ps-scrollbar-y-rail {
  opacity: 1 !important;
  background-color: transparent !important;
  width: 3%;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background: transparent repeating-linear-gradient(135deg, #6c63ff, transparent 2px, #6c63ff 3px) !important;
  border-radius: 0;
  width: 100%;
  opacity: 1 !important;
}
#phone-preview {
  background: no-repeat url("/assets/FeedAd Landingpage Illustration Smartphone White.103b883ce7cd97e739083e875abfa74c.png") center center / cover;
}
#phone-preview .content-container {
  position: absolute;
  top: 4.6%;
  bottom: 4.4%;
  left: 5.5%;
  right: 6.1%;
  display: flex;
  flex-direction: column;
}
#phone-preview .content-container > .toolbar {
  flex: 0 0 38px;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px rgba(108, 99, 255, 0.25) solid;
}
#phone-preview .content-container > .toolbar > a {
  display: block;
  height: 38px;
  line-height: 38px;
  padding-left: 20px;
  margin-right: 8px;
  background: no-repeat url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjNmM2M2ZmIiBzdHJva2U9Im5vbmUiPjxwYXRoIGQ9Ik0yMCAxMUg3LjgzbDUuNTktNS41OUwxMiA0bC04IDggOCA4IDEuNDEtMS40MUw3LjgzIDEzSDIwdi0yeiIgZmlsbD0iIzZjNjNmZiIgc3Ryb2tlPSJub25lIiAvPjwvc3ZnPg==) left center / 18px;
  font-weight: 400;
}
#phone-preview .content-container > .toolbar > span {
  flex: auto;
  font-weight: 600;
}
#phone-preview .content-container > .content {
  position: relative;
  flex: auto;
  overflow: auto;
}
#phone-preview .content-container .headline {
  border-bottom: 1px solid rgba(108, 99, 255, 0.25);
  padding: 1em;
}
#phone-preview .content-container .headline em {
  display: block;
  font-size: 1.1em;
  font-style: normal;
  color: #6c63ff;
}
#phone-preview .content-container .headline span {
  display: block;
  color: rgba(63, 61, 86, 0.6);
  text-transform: uppercase;
  font-size: 0.6em;
  margin-top: 0.2em;
  font-weight: 600;
}
#phone-preview .content-container .image {
  background: no-repeat transparent center bottom / cover;
}
#phone-preview .overview-item {
  margin: 1em 0;
  overflow: hidden !important;
  border-radius: 10px !important;
}
#phone-preview .overview-item:last-child {
  margin-bottom: 0;
}
#phone-preview .overview-content {
  cursor: pointer;
  border: rgba(108, 99, 255, 0.25) 1px solid;
  overflow: hidden;
}
#phone-preview .overview-content:nth-of-type(3n) .image {
  background-image: url(/assets/phone_bg1.3e19f430d0858d1bf337d16a7e1e63f6.jpg);
}
#phone-preview .overview-content:nth-of-type(3n+1) .image {
  background-image: url(/assets/phone_bg2.ff90a1c511ed4ee4fc45c61299ab8196.jpg);
}
#phone-preview .overview-content:nth-of-type(3n+2) .image {
  background-image: url(/assets/phone_bg3.c96a7c1c3df044503900357913e13ca2.jpg);
}
#phone-preview .overview-content p {
  font-size: 0.8em;
  padding: 1em;
  margin: 0;
  line-height: 1.6;
}
#phone-preview .detail-content .image {
  background-image: url(/assets/phone_bg1.3e19f430d0858d1bf337d16a7e1e63f6.jpg);
}
#phone-preview .detail-content .headline {
  padding-left: 0;
}
#phone-preview .detail-content p {
  margin: 1em 0;
}
#feature-preview {
  padding: 4em 0;
  background: no-repeat url(/assets/publisher_bg1_800.eefbc346bd819520c68d6c3977136c16.jpg) center center / cover;
}
@media screen and (min-width: 801px) {
  #feature-preview {
    background-image: url(/assets/publisher_bg1_1280.683794462eba2b1e4ae4e0333640eaba.jpg);
  }
}
@media screen and (min-width: 1281px) {
  #feature-preview {
    background-image: url(/assets/publisher_bg1_1920.ac9b2cdc7763e9fa4f57bf899c2b2f45.jpg);
  }
}
#feature-preview .preview-container {
  max-width: 360px;
  margin: 0 auto;
}
#feature-mediation {
  background: no-repeat url(/assets/publisher_bg2_800.7ff0cdbcd7fdd6900212388f0684e1d5.jpg) center center / cover;
}
@media screen and (min-width: 801px) {
  #feature-mediation {
    background-image: url(/assets/publisher_bg2_1280.c95e939865c3f54b287a4c5db0bd706a.jpg);
  }
}
@media screen and (min-width: 1281px) {
  #feature-mediation {
    background-image: url(/assets/publisher_bg2_1920.cdf80b57bd4a7fb9069e64a9e83bf440.jpg);
  }
}
#feature-mediation .ratio-container {
  border-radius: 50%;
  width: 280px;
}
#feature-mediation .ratio-container img,
#feature-mediation .ratio-container svg {
  width: 200px;
  height: auto;
}
.publisher-flow > section {
  margin-top: 30px;
}
.publisher-flow > section > div {
  flex: 1 0 auto;
}
.publisher-flow > section > div > span,
.publisher-flow > section > div h3 {
  font-weight: normal;
  font-size: 1.3em;
}
.publisher-flow > section header {
  text-transform: uppercase;
  text-align: center;
  height: 3.5em;
  line-height: 3.5em;
  font-weight: 600;
}
.publisher-flow > section.primary > div > div:first-child {
  margin-bottom: 6px;
  padding: 3em 2em 1em 2em;
}
.publisher-flow > section.primary > div > div:first-child a {
  font-size: 0.8em;
  text-transform: uppercase;
}
.publisher-flow > section.primary div > a {
  flex: 0 1 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.2em 0;
  border: 1px solid #f8f8f8;
}
.publisher-flow > section.primary div > a:nth-child(2) {
  margin: 0 6px;
}
.publisher-flow > section.primary div > a span + span {
  font-size: 0.7em;
  font-weight: 600;
  color: #3f3d56;
}
.publisher-flow > section.primary div > a:hover {
  text-decoration: none;
  border: 1px solid #3fd695;
}
.publisher-flow > section.primary div > a:hover > span:first-child {
  color: #3fd695;
}
.publisher-flow > section.devices div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.publisher-flow > section.devices div > div {
  flex: 1 0;
  min-height: 4em;
  text-indent: -9999px;
  overflow: hidden;
  background: no-repeat rgba(108, 99, 255, 0.05) center center / auto 60%;
}
.publisher-flow > section.devices div > div:nth-child(n+2) {
  margin-top: 4px;
}
.publisher-flow > section.devices div > div.phone {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjgiIGhlaWdodD0iMTMyIiB2aWV3Qm94PSIwIDAgNjggMTMyIiBmaWxsPSIjNmM2M2ZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMC43NyAxMzJoNDYuNDZBMTAuNzgyIDEwLjc4MiAwIDAwNjggMTIxLjIzVjEwLjc3QTEwLjc4IDEwLjc4IDAgMDA1Ny4yMyAwSDEwLjc3QTEwLjc4IDEwLjc4IDAgMDAwIDEwLjc3djExMC40NkExMC43ODIgMTAuNzgyIDAgMDAxMC43NyAxMzJ6TTQgMTAuNzdBNi43OCA2Ljc4IDAgMDExMC43NyA0SDE4djJhNCA0IDAgMDA0IDRoMjRhNCA0IDAgMDA0LTRWNGg3LjIzQTYuNzggNi43OCAwIDAxNjQgMTAuNzd2MTEwLjQ2YTYuNzc5IDYuNzc5IDAgMDEtNi43NyA2Ljc3SDEwLjc3QTYuNzgyIDYuNzgyIDAgMDE0IDEyMS4yM1YxMC43N3oiIGZpbGw9IiM2YzYzZmYiIC8+PC9zdmc+);
}
.publisher-flow > section.devices div > div.tablet {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEzNCIgdmlld0JveD0iMCAwIDEwMCAxMzQiIGZpbGw9IiM2YzYzZmYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkwIDEzMy41SDEwYTEwLjAxIDEwLjAxIDAgMDEtNy4wNzEtMi45MjlBMTAuMDA2IDEwLjAwNiAwIDAxMCAxMjMuNXYtMTEzYTEwIDEwIDAgMDExMC0xMGg4MGExMCAxMCAwIDAxMTAgMTB2MTEzYTEwLjAwMiAxMC4wMDIgMCAwMS0xMCAxMHpNMTAgNC41YTYgNiAwIDAwLTYgNnYxMTNhNi4wMDMgNi4wMDMgMCAwMDYgNmg4MGE2IDYgMCAwMDYtNnYtMTEzYTYgNiAwIDAwLTYtNkgxMHoiIGZpbGw9IiM2YzYzZmYiIC8+PHBhdGggZD0iTTUwIDEyMGE3LjAwMiA3LjAwMiAwIDAxLTQuOTUtMTEuOTUgNi45OTcgNi45OTcgMCAwMTcuNjI5LTEuNTE3IDcuMDAyIDcuMDAyIDAgMDEyLjI3IDExLjQxN0E2Ljk5OSA2Ljk5OSAwIDAxNTAgMTIwem0wLTEyYTQuOTk2IDQuOTk2IDAgMDAtNC42MiAzLjA4NyA0Ljk5OCA0Ljk5OCAwIDAwMy42NDUgNi44MTcgNC45OTggNC45OTggMCAwMDQuNTEtOC40NEE1LjAwMiA1LjAwMiAwIDAwNTAgMTA4eiIgZmlsbD0iIzZjNjNmZiIgLz48L3N2Zz4=);
}
.publisher-flow > section.devices div > div.desktop {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQwIiBoZWlnaHQ9IjEzMiIgdmlld0JveD0iMCAwIDE0MCAxMzIiIGZpbGw9IiM2YzYzZmYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzMCAwSDEwQTEwIDEwIDAgMDAwIDEwdjgwYTEwIDEwIDAgMDAxMCAxMGg0NS43M2wtMy41IDI4SDM4YTIgMiAwIDAwMCA0aDY0YTIgMiAwIDAwMC00SDg3Ljc3bC0zLjUtMjhIMTMwYTEwIDEwIDAgMDAxMC0xMFYxMGExMC4wMDIgMTAuMDAyIDAgMDAtMTAtMTB6TTEwIDRoMTIwYTYuMDAzIDYuMDAzIDAgMDE2IDZ2NzJINFYxMGE2IDYgMCAwMTYtNnptNzMuNzMgMTI0SDU2LjI3bDMuNS0yOGgyMC40NmwzLjUgMjh6TTEzMCA5NkgxMGE2IDYgMCAwMS02LTZ2LTRoMTMydjRhNiA2IDAgMDEtNiA2eiIgZmlsbD0iIzZjNjNmZiIgLz48L3N2Zz4=);
}
.publisher-flow > section.devices div > div.smart-tv {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjEzMiIgdmlld0JveD0iMCAwIDE3MiAxMzIiIGZpbGw9IiM2YzYzZmYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2MS41OSAxMTJIMTAuNDFBMTAuNDIgMTAuNDIgMCAwMTAgMTAxLjU5VjEwLjQxQTEwLjQyIDEwLjQyIDAgMDExMC40MSAwaDE1MS4xOEExMC40MiAxMC40MiAwIDAxMTcyIDEwLjQxdjkxLjE4QTEwLjQyIDEwLjQyIDAgMDExNjEuNTkgMTEyek0xMC40MSA0QTYuNDIgNi40MiAwIDAwNCAxMC40MXY5MS4xOGE2LjQyMiA2LjQyMiAwIDAwNi40MSA2LjQxaDE1MS4xOGE2LjQyNSA2LjQyNSAwIDAwNC41My0xLjg4IDYuNDI1IDYuNDI1IDAgMDAxLjg4LTQuNTNWMTAuNDFBNi40MjMgNi40MjMgMCAwMDE2MS41OSA0SDEwLjQxek0xNTYgMTMySDE2YTIgMiAwIDAxMC00aDE0MGEyIDIgMCAwMTAgNHoiIGZpbGw9IiM2YzYzZmYiIC8+PHBhdGggZD0iTTEyMCAxMzJINDh2LTI0aDcydjI0em0tNjgtNGg2NHYtMTZINTJ2MTZ6bTM0LTQ5LjVhNy41IDcuNSAwIDExMC0xNSA3LjUgNy41IDAgMDEwIDE1em0wLTEyYTQuNSA0LjUgMCAxMDQuNSA0LjUgNC41MSA0LjUxIDAgMDAtNC41LTQuNXptMTEuMzEtNS4zMWExLjUzIDEuNTMgMCAwMS0xLjA2LS40NCAxNC40OSAxNC40OSAwIDAwLTIwLjUgMCAxLjUxIDEuNTEgMCAwMS0yLjQ0OC0uNDg2IDEuNDkgMS40OSAwIDAxLjMyOC0xLjYzNCAxNy40OCAxNy40OCAwIDAxMjQuNzQgMCAxLjUgMS41IDAgMDEtMS4wNiAyLjU2eiIgZmlsbD0iIzZjNjNmZiIgLz48cGF0aCBkPSJNMTA0LjM4IDU0LjEyYTEuNTMgMS41MyAwIDAxLTEuMDYtLjQ0IDI0LjQ4NSAyNC40ODUgMCAwMC0yNi42OTUtNS4zMTQgMjQuNDggMjQuNDggMCAwMC03Ljk0NSA1LjMxNCAxLjUxIDEuNTEgMCAwMS0yLjEzLTIuMTMgMjcuNTIgMjcuNTIgMCAwMTM4LjkgMCAxLjUxIDEuNTEgMCAwMS0xLjA3IDIuNTd6IiBmaWxsPSIjNmM2M2ZmIiAvPjxwYXRoIGQ9Ik0xMTEuNDYgNDdhMS40NDcgMS40NDcgMCAwMS0xLjA2LS40NCAzNC41NSAzNC41NSAwIDAwLTQ4LjggMCAxLjQ5IDEuNDkgMCAwMS0yLjEyIDAgMS41MSAxLjUxIDAgMDEwLTIuMTIgMzcuNTUgMzcuNTUgMCAwMTUzIDAgMS41MTIgMS41MTIgMCAwMTAgMi4xMiAxLjQ4IDEuNDggMCAwMS0xLjAyLjQ0eiIgZmlsbD0iIzZjNjNmZiIgLz48L3N2Zz4=);
}
@media (max-width: 991px) {
  .publisher-flow > section.devices div {
    flex-direction: row;
  }
  .publisher-flow > section.devices div > div:nth-child(n+2) {
    margin-top: 0;
    margin-left: 4px;
  }
}
@media (max-width: 575px) {
  .publisher-flow > section:nth-child(-n+3) {
    position: relative;
  }
  .publisher-flow > section:nth-child(-n+3):after {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top: 10px solid #3fd695;
    display: block;
    content: " ";
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: -25px;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  .publisher-flow > section:nth-child(-n+2) header {
    position: relative;
  }
  .publisher-flow > section:nth-child(-n+2) header:after {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left: 10px solid #3fd695;
    display: block;
    content: " ";
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: -25px;
  }
  .publisher-flow > section.primary {
    position: relative;
  }
  .publisher-flow > section.primary:after {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top: 10px solid #3fd695;
    display: block;
    content: " ";
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: -25px;
  }
}
@media (min-width: 992px) {
  .publisher-flow > section:nth-child(-n+3) header {
    position: relative;
  }
  .publisher-flow > section:nth-child(-n+3) header:after {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left: 10px solid #3fd695;
    display: block;
    content: " ";
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: -25px;
  }
}