/* SmartMuslim Home School Preview — V19 */

.sm-home-school-live{
  cursor:default!important;
  touch-action:pan-y!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}

.sm-home-school-live .sm-home-feature-icon{
  margin-bottom:8px!important;
}

.sm-home-school-badge{
  position:absolute!important;
  z-index:3!important;
  top:20px!important;
  left:64px!important;
  max-width:76px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  padding:4px 8px!important;
  border:1px solid rgba(236,207,143,.34)!important;
  border-radius:999px!important;
  background:rgba(248,225,171,.12)!important;
  color:#f0cf87!important;
  font:750 .39rem/1 var(--sm-sans)!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}

.sm-home-school-dots{
  position:absolute!important;
  z-index:3!important;
  top:21px!important;
  right:14px!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  height:12px!important;
}

.sm-home-school-dots i{
  display:block!important;
  width:5px!important;
  height:5px!important;
  border:1px solid rgba(242,221,170,.70)!important;
  border-radius:50%!important;
  background:transparent!important;
}

.sm-home-school-dots i.is-active{
  border-color:#f2ddaa!important;
  background:#f2ddaa!important;
}

.sm-home-school-live h2{
  margin-bottom:2px!important;
  max-width:calc(100% - 42px)!important;
}

.sm-home-school-preview{
  position:relative!important;
  z-index:3!important;
  display:block!important;
  width:calc(100% - 38px)!important;
  height:61px!important;
  min-height:61px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fffdf8!important;
  box-shadow:none!important;
  text-align:left!important;
  cursor:pointer!important;
  font:inherit!important;
  touch-action:pan-y!important;
  -webkit-tap-highlight-color:transparent!important;
}

.sm-home-school-track{
  display:flex!important;
  align-items:stretch!important;
  height:100%!important;
  min-height:0!important;
  will-change:transform!important;
  transform:translate3d(0,0,0);
}

.sm-home-school-slide{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex:0 0 100%;
  min-width:0!important;
  height:100%!important;
  padding-right:6px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  transition:opacity .18s ease,transform .18s ease!important;
}

.sm-home-school-slide-copy{
  display:block!important;
  min-width:0!important;
  flex:1 1 auto!important;
  overflow:hidden!important;
}

.sm-home-school-slide small{
  display:block!important;
  min-height:.56rem!important;
  margin:0 0 2px!important;
  overflow:hidden!important;
  color:#e9d5a6!important;
  font:650 .42rem/1.05 var(--sm-sans)!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

.sm-home-school-slide strong{
  display:block!important;
  overflow:hidden!important;
  margin:0!important;
  color:#fffdf8!important;
  font:700 .71rem/1.05 'Playfair Display',Georgia,serif!important;
  letter-spacing:-.015em!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

.sm-home-school-excerpt{
  display:block!important;
  overflow:hidden!important;
  margin-top:3px!important;
  color:rgba(255,253,248,.88)!important;
  font:550 .48rem/1.12 var(--sm-sans)!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

.sm-home-school-avatar{
  flex:0 0 28px!important;
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  border:1px solid rgba(240,207,135,.62)!important;
  border-radius:50%!important;
  background:rgba(255,253,248,.10)!important;
  color:#f2ddaa!important;
  font:750 .60rem/1 var(--sm-sans)!important;
}

.sm-home-school-preview.is-touching{
  cursor:grabbing!important;
}

.sm-home-school-preview.is-touching .sm-home-school-slide{
  opacity:.96!important;
  transform:scale(.992)!important;
}

.sm-home-school-preview::after{
  content:''!important;
  position:absolute!important;
  z-index:5!important;
  top:0!important;
  right:0!important;
  width:14px!important;
  height:100%!important;
  opacity:0!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,transparent,rgba(240,207,135,.14))!important;
  transition:opacity .16s ease!important;
}

.sm-home-school-preview.is-touching::after{
  opacity:1!important;
}

.sm-home-school-live .sm-home-feature-arrow{
  appearance:none!important;
  -webkit-appearance:none!important;
  padding:0!important;
  cursor:pointer!important;
}

@media(max-width:400px){
  .sm-home-school-badge{
    top:18px!important;
    left:58px!important;
    max-width:68px!important;
    padding:3px 7px!important;
    font-size:.35rem!important;
  }

  .sm-home-school-dots{
    top:19px!important;
    right:12px!important;
  }

  .sm-home-school-preview{
    width:calc(100% - 34px)!important;
    height:58px!important;
    min-height:58px!important;
  }

  .sm-home-school-slide strong{
    font-size:.65rem!important;
  }

  .sm-home-school-excerpt{
    font-size:.44rem!important;
  }

  .sm-home-school-slide small{
    font-size:.39rem!important;
  }

  .sm-home-school-avatar{
    flex-basis:26px!important;
    width:26px!important;
    height:26px!important;
    font-size:.56rem!important;
  }
}