/* SOFAME_REFERRAL_COLORS_R696 */
.sf-ref686 .ref-share{
 background:linear-gradient(135deg,#5821ae,#37318d)!important;
 border:1px solid #a686ed!important;
 color:#fff!important;
 box-shadow:0 10px 28px #35136a26!important;
}
.sf-ref686 .ref-history{
 background:linear-gradient(135deg,#164c91,#086879)!important;
 border:1px solid #60a7ce!important;
 color:#fff!important;
 box-shadow:0 10px 28px #123d7026!important;
}
.sf-ref686 :is(.ref-share,.ref-history)
:is(h2,h3,h4,strong,b,code){
 color:#fff!important;
}
.sf-ref686 :is(.ref-share,.ref-history)
:is(p,small,span,label){
 color:#edf2ff!important;
}
.sf-ref686 .ref-share div{
 background:#48268e!important;
 border-color:#ad8de9!important;
 color:#fff!important;
}
.sf-ref686 .ref-share div div{
 background:#3a2375!important;
}
.sf-ref686 .ref-share code{
 display:inline-block;
 background:transparent!important;
 color:#fff2a6!important;
 max-width:100%;
 overflow-wrap:anywhere;
}
.sf-ref686 .ref-share button{
 background:linear-gradient(100deg,#ffe47e,#ffcd39)!important;
 color:#26345b!important;
 border:1px solid #ffe690!important;
 font-weight:800!important;
 min-height:48px;
 box-shadow:0 4px 12px #21103f30!important;
}
.sf-ref686 .ref-share button :is(span,strong,b,svg){
 color:#26345b!important;
}
.sf-ref686 .ref-share button:focus-visible{
 outline:3px solid #fff!important;
 outline-offset:3px!important;
}
.sf-ref686 .ref-history div{
 background:#164675!important;
 border-color:#6298bd!important;
 color:#fff!important;
}
.sf-ref686 .ref-history div div{
 background:#123e69!important;
}
.sf-ref686 .ref-history table{
 background:#153f6c!important;
 color:#fff!important;
}
.sf-ref686 .ref-history :is(th,td){
 background:#153f6c!important;
 color:#f0f6ff!important;
 border-color:#537da6!important;
}
.sf-ref686 .ref-history th{
 background:#20588d!important;
 color:#fff!important;
}
.sf-ref686 .ref-history tr:nth-child(even) td{
 background:#1a4c7a!important;
}
.sf-ref686 :is(.ref-share,.ref-history) a{
 color:#fff0a5!important;
 text-decoration:underline;
}
@media(max-width:640px){
 .sf-ref686 :is(.ref-share,.ref-history){
  min-width:0!important;
  box-shadow:0 5px 16px #15294b20!important;
 }
 .sf-ref686 .ref-share button{
  width:100%!important;
  min-height:50px;
 }
}