:root{


  --fb-guide-primary:#6c43f3;


  --fb-guide-primary-dark:#4d2bc4;


  --fb-guide-text:#17142a;


  --fb-guide-muted:#746f86;


}





html.fb-browser-guide-locked,


body.fb-browser-guide-locked{


  overflow:hidden!important;


  overscroll-behavior:none;


}





.fb-browser-guide[hidden]{


  display:none!important;


}





.fb-browser-guide{


  position:fixed;


  inset:0;


  z-index:2147483647;


  display:grid;


  place-items:center;


  padding:18px;


  font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;


}





.fb-browser-guide__backdrop{


  position:absolute;


  inset:0;


  background:


    radial-gradient(circle at 15% 10%,rgba(108,67,243,.34),transparent 34%),


    radial-gradient(circle at 90% 90%,rgba(42,199,173,.22),transparent 35%),


    rgba(17,12,35,.82);


  backdrop-filter:blur(14px);


  -webkit-backdrop-filter:blur(14px);


}





.fb-browser-guide__card{


  position:relative;


  width:min(100%,430px);


  max-height:calc(100dvh - 36px);


  overflow:auto;


  padding:24px;


  border:1px solid rgba(255,255,255,.65);


  border-radius:28px;


  background:linear-gradient(180deg,#fff 0%,#faf8ff 100%);


  box-shadow:0 30px 90px rgba(15,8,38,.42);


  color:var(--fb-guide-text);


}





.fb-browser-guide__brand{


  display:flex;


  align-items:center;


  gap:12px;


  padding-right:0;


}





.fb-browser-guide__logo{


  width:46px;


  height:46px;


  display:grid;


  place-items:center;


  flex:none;


  border-radius:15px;


  color:#fff;


  font-size:23px;


  font-weight:900;


  background:linear-gradient(135deg,#18c99a 0%,#477cff 48%,#8d42f5 100%);


  box-shadow:0 12px 30px rgba(108,67,243,.28);


}





.fb-browser-guide__brand b,


.fb-browser-guide__brand small{


  display:block;


}





.fb-browser-guide__brand b{


  font-size:17px;


  line-height:1.2;


}





.fb-browser-guide__brand small{


  margin-top:3px;


  color:var(--fb-guide-muted);


  font-size:11px;


}








.fb-browser-guide__eyebrow{


  display:inline-flex;


  margin-top:24px;


  padding:7px 10px;


  border-radius:999px;


  color:var(--fb-guide-primary-dark);


  background:#eee9ff;


  font-size:9px;


  font-weight:900;


  letter-spacing:.1em;


}





.fb-browser-guide h2{


  margin:14px 0 10px;


  font-size:27px;


  line-height:1.18;


  letter-spacing:-.04em;


}





.fb-browser-guide__intro{


  margin:0;


  color:var(--fb-guide-muted);


  font-size:13px;


  line-height:1.65;


}





.fb-browser-guide__steps{


  display:grid;


  gap:10px;


  margin-top:20px;


}





.fb-browser-guide__steps article{


  display:grid;


  grid-template-columns:34px 1fr 32px;


  align-items:center;


  gap:11px;


  padding:13px;


  border:1px solid #ece8f4;


  border-radius:17px;


  background:#fff;


}





.fb-browser-guide__steps article>span{


  width:34px;


  height:34px;


  display:grid;


  place-items:center;


  border-radius:11px;


  color:#fff;


  background:var(--fb-guide-primary);


  font-size:12px;


  font-weight:900;


}





.fb-browser-guide__steps b,


.fb-browser-guide__steps small{


  display:block;


}





.fb-browser-guide__steps b{


  font-size:12px;


}





.fb-browser-guide__steps small{


  margin-top:4px;


  color:var(--fb-guide-muted);


  font-size:10px;


  line-height:1.45;


}





.fb-browser-guide__steps em{


  color:var(--fb-guide-primary);


  font-style:normal;


  font-size:18px;


  font-weight:900;


  text-align:center;


}





.fb-browser-guide__note{


  display:flex;


  gap:10px;


  margin-top:14px;


  padding:12px;


  border-radius:15px;


  background:#f3f0fa;


}





.fb-browser-guide__note span{


  flex:none;


}





.fb-browser-guide__note p{


  margin:0;


  color:#5f596f;


  font-size:10px;


  line-height:1.55;


}





@media(max-width:480px){


  .fb-browser-guide{


    padding:12px;


    align-items:end;


  }





  .fb-browser-guide__card{


    width:100%;


    max-height:calc(100dvh - 24px);


    padding:20px;


    border-radius:25px;


  }





  .fb-browser-guide h2{


    font-size:23px;


  }


}