/* Candidate-local DASHPORT platform migration strip styles. */
[data-section="dashport-platform-migration-strip"].dp{
  --dp-deep:var(--deep);
  --dp-sage:var(--sage);
  --dp-mist:#F1F5F3;
  --dp-mist-2:#E4EBE7;
  --dp-line:#D2DCD7;
  --dp-gold:var(--gold);
  --dp-gold-soft:#F6E9BE;
  background:#FFFFFF;
  border-bottom:1px solid var(--dp-line);
  box-sizing:border-box;
  padding:var(--section-padding-y) 0;
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}

[data-section="dashport-platform-migration-strip"] *,
[data-section="dashport-platform-migration-strip"] *::before,
[data-section="dashport-platform-migration-strip"] *::after{
  box-sizing:border-box;
}

[data-section="dashport-platform-migration-strip"] .dp-strip__in{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,.34fr);
  gap:clamp(22px,2.4vw,44px);
  align-items:stretch;
}

[data-section="dashport-platform-migration-strip"] .dp-strip__label{
  display:block;
  margin:0 0 16px;
  color:var(--dp-sage);
  font-family:var(--body);
  font-size:12px;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
}

[data-section="dashport-platform-migration-strip"] .dp-strip__sources{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:2px;
  background:var(--dp-line);
  border:2px solid var(--dp-mist-2);
}

[data-section="dashport-platform-migration-strip"] .dp-strip__item{
  background:var(--dp-mist);
  min-height:96px;
  display:grid;
  place-items:center;
  padding:16px 10px;
}

[data-section="dashport-platform-migration-strip"] .dp-strip__item img{
  max-height:28px;
  width:auto;
  object-fit:contain;
}

[data-section="dashport-platform-migration-strip"] .dp-strip__item span{
  font-family:var(--display);
  font-size:17px;
  color:var(--dp-deep);
  text-align:center;
}

[data-section="dashport-platform-migration-strip"] .dp-strip__arrow{
  align-self:center;
  display:grid;
  justify-items:center;
  gap:6px;
  color:var(--dp-gold);
}

[data-section="dashport-platform-migration-strip"] .dp-strip__arrowglyph{
  font-family:var(--display);
  font-size:42px;
  line-height:1;
  color:var(--dp-gold);
}

[data-section="dashport-platform-migration-strip"] .dp-strip__arrowtext{
  font-family:var(--body);
  font-size:11px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--dp-sage);
  text-align:center;
  line-height:1.5;
}

[data-section="dashport-platform-migration-strip"] .dp-strip__dest{
  background:linear-gradient(180deg,#FDF6E2 0%,var(--dp-gold-soft) 100%);
  border:2px solid var(--dp-gold);
  display:grid;
  place-items:center;
  padding:16px 24px;
  height:96px;
  min-height:96px;
}

[data-section="dashport-platform-migration-strip"] .dp-strip__dest img{
  max-height:38px;
  max-width:100%;
  width:auto;
  object-fit:contain;
}

@media (max-width:1080px){
  [data-section="dashport-platform-migration-strip"] .dp-strip__in{
    grid-template-columns:1fr;
  }

  [data-section="dashport-platform-migration-strip"] .dp-strip__sources{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  [data-section="dashport-platform-migration-strip"] .dp-strip__item:nth-child(7){
    grid-column:span 2;
  }

  [data-section="dashport-platform-migration-strip"] .dp-strip__arrow{
    grid-auto-flow:column;
    justify-items:start;
    justify-content:start;
    gap:14px;
  }

  [data-section="dashport-platform-migration-strip"] .dp-strip__dest{
    max-width:340px;
  }
}

@media (max-width:620px){
  [data-section="dashport-platform-migration-strip"] .dp-strip__sources{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}