/* UGCHost V100 — mobile contraction for the four creator cards at the top of the homepage. */

@media (max-width:620px){
  body.ugc-home-v19,
  body.ugc-home-v19 main,
  body.ugc-home-v19 .ugc19-home,
  body.ugc-home-v19 .ugc19-hero{max-width:100%!important;overflow-x:hidden!important}

  body.ugc-home-v19 .ugc19-hero,
  body.ugc-home-v19 .ugc19-hero-inner,
  body.ugc-home-v19 .ugc19-visual{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  body.ugc-home-v19 .ugc19-visual{
    min-height:clamp(270px,76vw,330px)!important;
    height:clamp(270px,76vw,330px)!important;
    overflow:hidden!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body.ugc-home-v19 .ugc19-visual .ugc26-card{
    width:25.4%!important;
    max-width:25.4%!important;
    min-width:0!important;
    height:clamp(205px,57vw,250px)!important;
    top:7%!important;
    bottom:auto!important;
    border-radius:10px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body.ugc-home-v19 .ugc19-visual .ugc26-card-main{left:0!important;right:auto!important;transform:rotate(-.65deg)!important}
  body.ugc-home-v19 .ugc19-visual .ugc26-card-top{left:24.8%!important;right:auto!important;transform:rotate(.35deg)!important}
  body.ugc-home-v19 .ugc19-visual .ugc26-card-bottom-left{left:49.6%!important;right:auto!important;transform:rotate(-.3deg)!important}
  body.ugc-home-v19 .ugc19-visual .ugc26-card-bottom-right{left:74.4%!important;right:auto!important;transform:rotate(.55deg)!important}

  body.ugc-home-v19 .ugc19-visual .ugc26-card img,
  body.ugc-home-v19 .ugc19-visual .ugc26-card video{
    max-width:100%!important;
    width:100%!important;
    object-fit:cover!important;
  }

  body.ugc-home-v19 .ugc19-visual .ugc26-card-info,
  body.ugc-home-v19 .ugc19-visual .ugc26-card-main .ugc26-card-info{
    min-width:0!important;
    min-height:56px!important;
    padding:7px 6px 6px!important;
    box-sizing:border-box!important;
  }
  body.ugc-home-v19 .ugc19-visual .ugc26-card-title,
  body.ugc-home-v19 .ugc19-visual .ugc26-card-title strong{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.ugc-home-v19 .ugc19-visual .ugc26-card-title strong,
  body.ugc-home-v19 .ugc19-visual .ugc26-card-main .ugc26-card-title strong{
    font-size:clamp(8px,2.35vw,10px)!important;
    line-height:1.08!important;
  }
  body.ugc-home-v19 .ugc19-visual .ugc26-card-info>span,
  body.ugc-home-v19 .ugc19-visual .ugc26-card-info>small,
  body.ugc-home-v19 .ugc19-visual .ugc26-rating{
    font-size:clamp(5.5px,1.65vw,7px)!important;
    line-height:1.15!important;
  }
  body.ugc-home-v19 .ugc19-visual .ugc26-vetted-wrap{
    top:45%!important;
    left:50%!important;
    transform:translate(-50%,-50%) scale(.58)!important;
  }
}

@media (max-width:420px){
  body.ugc-home-v19 .ugc19-visual{
    min-height:250px!important;
    height:clamp(250px,72vw,285px)!important;
  }
  body.ugc-home-v19 .ugc19-visual .ugc26-card{
    height:clamp(190px,55vw,220px)!important;
    border-radius:8px!important;
  }
  body.ugc-home-v19 .ugc19-visual .ugc26-card-info,
  body.ugc-home-v19 .ugc19-visual .ugc26-card-main .ugc26-card-info{
    min-height:50px!important;
    padding:6px 4px 5px!important;
  }
  body.ugc-home-v19 .ugc19-visual .ugc26-vetted-wrap{transform:translate(-50%,-50%) scale(.48)!important}
}

@media (max-width:350px){
  body.ugc-home-v19 .ugc19-visual{min-height:230px!important;height:230px!important}
  body.ugc-home-v19 .ugc19-visual .ugc26-card{height:176px!important}
  body.ugc-home-v19 .ugc19-visual .ugc26-card-title strong{font-size:7.5px!important}
  body.ugc-home-v19 .ugc19-visual .ugc26-card-info>span,
  body.ugc-home-v19 .ugc19-visual .ugc26-card-info>small,
  body.ugc-home-v19 .ugc19-visual .ugc26-rating{font-size:5.2px!important}
}