/* SPACELAND Instagram Highlights Theme V2 — server-rendered unified icons */
body.sp-ios-home .sp-ios-block--highlights,
body.sp-ios-storefront .sp-ios-block--highlights{
  background:#fff !important;
  margin:0 !important;
  padding:18px 0 12px !important;
}

body.sp-ios-home .sp-ios-highlights,
body.sp-ios-storefront .sp-ios-highlights{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:20px !important;
  padding:0 18px 8px !important;
  margin:0 auto !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:x proximity !important;
  scrollbar-width:none !important;
}
body.sp-ios-home .sp-ios-highlights::-webkit-scrollbar,
body.sp-ios-storefront .sp-ios-highlights::-webkit-scrollbar{display:none !important;}

body.sp-ios-home .sp-ios-highlight,
body.sp-ios-storefront .sp-ios-highlight{
  flex:0 0 86px !important;
  width:86px !important;
  min-width:86px !important;
  max-width:86px !important;
  display:block !important;
  color:#171717 !important;
  text-align:center !important;
  text-decoration:none !important;
  scroll-snap-align:start !important;
  transform:none !important;
}

body.sp-ios-home .sp-ios-highlight-ring,
body.sp-ios-storefront .sp-ios-highlight-ring{
  box-sizing:border-box !important;
  width:74px !important;
  height:74px !important;
  min-width:74px !important;
  min-height:74px !important;
  max-width:74px !important;
  max-height:74px !important;
  aspect-ratio:1 / 1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto 9px !important;
  padding:3px !important;
  border:0 !important;
  border-radius:999px !important;
  background:linear-gradient(145deg,#f9ce34 0%,#ff7a38 27%,#ee2a7b 59%,#7a35d1 100%) !important;
  box-shadow:0 7px 18px rgba(177,42,123,.13) !important;
  overflow:hidden !important;
}

body.sp-ios-home .sp-ios-highlight-core,
body.sp-ios-storefront .sp-ios-highlight-core{
  box-sizing:border-box !important;
  width:68px !important;
  height:68px !important;
  min-width:68px !important;
  min-height:68px !important;
  max-width:68px !important;
  max-height:68px !important;
  aspect-ratio:1 / 1 !important;
  flex:0 0 68px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 !important;
  border:3px solid #fff !important;
  border-radius:999px !important;
  background:#fff !important;
  box-shadow:inset 0 0 0 1px rgba(29,29,31,.06) !important;
  color:#17233b !important;
  font-size:0 !important;
  line-height:1 !important;
  overflow:hidden !important;
}

body.sp-ios-home .sp-ios-highlight-core svg,
body.sp-ios-storefront .sp-ios-highlight-core svg{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  min-height:28px !important;
  display:block !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  vector-effect:non-scaling-stroke !important;
}

body.sp-ios-home .sp-ios-highlight strong,
body.sp-ios-storefront .sp-ios-highlight strong{
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  width:86px !important;
  max-width:86px !important;
  min-height:34px !important;
  margin:0 auto !important;
  overflow:hidden !important;
  white-space:normal !important;
  text-overflow:ellipsis !important;
  color:#171717 !important;
  font-size:12.5px !important;
  font-weight:800 !important;
  line-height:1.35 !important;
}

body.sp-ios-home .sp-ios-highlight:hover .sp-ios-highlight-ring,
body.sp-ios-storefront .sp-ios-highlight:hover .sp-ios-highlight-ring{
  transform:translateY(-1px) !important;
  box-shadow:0 10px 22px rgba(177,42,123,.17) !important;
}

@media (max-width:991px){
  body.sp-ios-home .sp-ios-highlights,
  body.sp-ios-storefront .sp-ios-highlights{
    justify-content:flex-start !important;
    gap:16px !important;
    padding-inline:14px !important;
  }
}

@media (max-width:767px){
  body.sp-ios-home .sp-ios-block--highlights,
  body.sp-ios-storefront .sp-ios-block--highlights{padding:12px 0 6px !important;}

  body.sp-ios-home .sp-ios-highlights,
  body.sp-ios-storefront .sp-ios-highlights{
    gap:13px !important;
    padding-inline:12px !important;
  }

  body.sp-ios-home .sp-ios-highlight,
  body.sp-ios-storefront .sp-ios-highlight{
    flex-basis:74px !important;
    width:74px !important;
    min-width:74px !important;
    max-width:74px !important;
  }

  body.sp-ios-home .sp-ios-highlight-ring,
  body.sp-ios-storefront .sp-ios-highlight-ring{
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    min-height:64px !important;
    max-width:64px !important;
    max-height:64px !important;
    padding:3px !important;
    margin-bottom:7px !important;
  }

  body.sp-ios-home .sp-ios-highlight-core,
  body.sp-ios-storefront .sp-ios-highlight-core{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    min-height:58px !important;
    max-width:58px !important;
    max-height:58px !important;
    flex-basis:58px !important;
  }

  body.sp-ios-home .sp-ios-highlight-core svg,
  body.sp-ios-storefront .sp-ios-highlight-core svg{
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    min-height:24px !important;
  }

  body.sp-ios-home .sp-ios-highlight strong,
  body.sp-ios-storefront .sp-ios-highlight strong{
    width:74px !important;
    max-width:74px !important;
    min-height:30px !important;
    font-size:10.8px !important;
    line-height:1.32 !important;
  }
}