/* BOTVIET TIKTOK ICON FIX R41
   Chỉ áp dụng popup TikTok/TikTok Shop của R40. */

#modal-root .modal.bv-tiktok-connect-modal .modal-head::before{
  display:none!important;
}

#modal-root .modal.bv-tiktok-connect-modal .modal-head{
  grid-template-columns:58px minmax(0,1fr) 52px!important;
}

#modal-root .modal.bv-tiktok-connect-modal .bv-tiktok-head-icon{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:
    radial-gradient(circle at 34% 24%,rgba(255,255,255,.15),transparent 34%),
    linear-gradient(145deg,#071326,#0a1e43);
  border:1px solid rgba(64,176,255,.44);
  box-shadow:
    inset 0 0 18px rgba(34,132,255,.07),
    0 0 24px rgba(26,118,255,.16);
}

#modal-root .modal.bv-tiktok-connect-modal .bv-tiktok-head-icon > *,
#modal-root .modal.bv-tiktok-connect-modal .bv-tiktok-head-icon svg,
#modal-root .modal.bv-tiktok-connect-modal .bv-tiktok-head-icon img{
  width:30px!important;
  height:30px!important;
  max-width:30px!important;
  max-height:30px!important;
  object-fit:contain!important;
}

#modal-root .modal.bv-tiktok-connect-modal .tiktok-oauth-option-icon{
  overflow:hidden!important;
}

#modal-root .modal.bv-tiktok-connect-modal .tiktok-oauth-option-icon > *,
#modal-root .modal.bv-tiktok-connect-modal .tiktok-oauth-option-icon svg,
#modal-root .modal.bv-tiktok-connect-modal .tiktok-oauth-option-icon img{
  width:34px!important;
  height:34px!important;
  max-width:34px!important;
  max-height:34px!important;
  object-fit:contain!important;
}

#modal-root .modal.bv-tiktok-connect-modal .tiktok-oauth-option-icon.shop{
  color:#ffb84d!important;
  background:
    radial-gradient(circle at 34% 24%,rgba(255,196,84,.16),transparent 35%),
    linear-gradient(145deg,#3a2109,#23150d)!important;
  border-color:rgba(255,170,71,.42)!important;
  box-shadow:
    inset 0 0 18px rgba(255,159,44,.06),
    0 0 20px rgba(255,135,32,.11)!important;
}

#modal-root .modal.bv-tiktok-connect-modal .tiktok-oauth-option-icon.shop svg{
  width:32px!important;
  height:32px!important;
  stroke:currentColor!important;
  fill:none!important;
}

#modal-root .modal.bv-tiktok-connect-modal .bv-tiktok-hero-icon{
  overflow:hidden!important;
}

#modal-root .modal.bv-tiktok-connect-modal .bv-tiktok-hero-icon > *,
#modal-root .modal.bv-tiktok-connect-modal .bv-tiktok-hero-icon svg,
#modal-root .modal.bv-tiktok-connect-modal .bv-tiktok-hero-icon img{
  width:42px!important;
  height:42px!important;
  max-width:42px!important;
  max-height:42px!important;
  object-fit:contain!important;
}

#modal-root .modal.bv-tiktok-connect-modal .tiktok-oauth-option.selected{
  background:
    radial-gradient(circle at 12% 18%,rgba(37,209,255,.08),transparent 32%),
    linear-gradient(180deg,rgba(12,45,99,.84),rgba(8,31,72,.86))!important;
}

@media (max-width:560px){
  #modal-root .modal.bv-tiktok-connect-modal .modal-head{
    grid-template-columns:48px minmax(0,1fr) 42px!important;
  }
  #modal-root .modal.bv-tiktok-connect-modal .bv-tiktok-head-icon{
    width:42px;height:42px;border-radius:14px;
  }
  #modal-root .modal.bv-tiktok-connect-modal .bv-tiktok-head-icon > *,
  #modal-root .modal.bv-tiktok-connect-modal .bv-tiktok-head-icon svg,
  #modal-root .modal.bv-tiktok-connect-modal .bv-tiktok-head-icon img{
    width:26px!important;height:26px!important;
  }
}