/* BD Insert */
.backdigit-cmp-banner{
isolation:isolate;
color-scheme:light;
max-width:900px;
margin:30px auto;
font-family:Arial,Helvetica,sans-serif!important;
}
.backdigit-cmp-banner,
.backdigit-cmp-banner *,
.backdigit-cmp-banner *::before,
.backdigit-cmp-banner *::after{
box-sizing:border-box!important;
font-family:Arial,Helvetica,sans-serif!important;
text-shadow:none!important;
filter:none!important;
}
.backdigit-cmp-card{
display:flex!important;
align-items:center!important;
gap:24px!important;
padding:26px 30px!important;
background:#ffffff!important;
border:1px solid #e6e6e6!important;
border-radius:28px!important;
text-decoration:none!important;
box-shadow:0 5px 18px rgba(0,0,0,.12)!important;
transition:.25s!important;
}
.backdigit-cmp-card:hover{
background:#ffffff!important;
transform:translateY(-2px)!important;
box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}
.backdigit-cmp-logo{
flex:0 0 auto!important;
display:flex!important;
align-items:center!important;
gap:0!important;
background:transparent!important;
position:relative!important;
}
.backdigit-cmp-phone{
width:82px!important;
height:82px!important;
object-fit:cover!important;
border-radius:16px!important;
box-shadow:0 3px 10px rgba(0,0,0,.18)!important;
background:#f1f1f1!important;
border:2px solid #ffffff!important;
}
.backdigit-cmp-phone-1{
margin-right:-8px!important;
z-index:1!important;
}
.backdigit-cmp-phone-2{
margin-left:-8px!important;
z-index:1!important;
}
.backdigit-cmp-vs{
position:relative!important;
z-index:2!important;
width:34px!important;
height:34px!important;
border-radius:50%!important;
background:#202124!important;
color:#ffffff!important;
font-size:12px!important;
font-weight:700!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
box-shadow:0 2px 6px rgba(0,0,0,.25)!important;
flex:0 0 auto!important;
}
.backdigit-cmp-text{
background:transparent!important;
min-width:0!important;
}
.backdigit-cmp-small{
margin:0!important;
padding:0!important;
background:transparent!important;
color:#5f6368!important;
font-size:20px!important;
font-weight:400!important;
line-height:1.2!important;
}
.backdigit-cmp-big-wrap{
position:relative!important;
display:block!important;
min-height:1.2em!important;
margin-top:4px!important;
background:transparent!important;
}
.backdigit-cmp-big{
position:absolute!important;
left:0!important;
top:0!important;
right:0!important;
margin:0!important;
padding:0!important;
background:transparent!important;
color:#202124!important;
font-size:32px!important;
font-weight:700!important;
line-height:1.2!important;
opacity:0!important;
transition:opacity .6s ease!important;
}
.backdigit-cmp-big.is-active{
position:relative!important;
opacity:1!important;
}
.custom-dark .backdigit-cmp-banner,
.custom-dark .backdigit-cmp-banner *,
.dark .backdigit-cmp-banner,
.dark .backdigit-cmp-banner *{
color:#202124!important;
background:transparent!important;
background-color:transparent!important;
background-image:none!important;
}
.custom-dark .backdigit-cmp-text,
.dark .backdigit-cmp-text,
.custom-dark .backdigit-cmp-big-wrap,
.dark .backdigit-cmp-big-wrap,
.custom-dark .backdigit-cmp-logo,
.dark .backdigit-cmp-logo{
background:transparent!important;
background-color:transparent!important;
}
.custom-dark .backdigit-cmp-card,
.dark .backdigit-cmp-card{
background:#ffffff!important;
background-color:#ffffff!important;
border:1px solid #e6e6e6!important;
box-shadow:0 5px 18px rgba(0,0,0,.12)!important;
}
.custom-dark .backdigit-cmp-small,
.dark .backdigit-cmp-small{
color:#5f6368!important;
background:transparent!important;
}
.custom-dark .backdigit-cmp-big,
.dark .backdigit-cmp-big{
color:#202124!important;
background:transparent!important;
}
.custom-dark .backdigit-cmp-phone,
.dark .backdigit-cmp-phone{
border:2px solid #ffffff!important;
background:#f1f1f1!important;
box-shadow:0 3px 10px rgba(0,0,0,.18)!important;
}
.custom-dark .backdigit-cmp-vs,
.dark .backdigit-cmp-vs{
background:#202124!important;
color:#ffffff!important;
box-shadow:0 2px 6px rgba(0,0,0,.25)!important;
}
@media(max-width:768px){
.backdigit-cmp-card{
padding:18px!important;
gap:15px!important;
border-radius:20px!important;
}
.backdigit-cmp-phone{
width:64px!important;
height:64px!important;
border-radius:13px!important;
}
.backdigit-cmp-phone-1{
margin-right:-6px!important;
}
.backdigit-cmp-phone-2{
margin-left:-6px!important;
}
.backdigit-cmp-vs{
width:28px!important;
height:28px!important;
font-size:10px!important;
}
.backdigit-cmp-small{
font-size:16px!important;
}
.backdigit-cmp-big{
font-size:22px!important;
}
}
@media(max-width:480px){
.backdigit-cmp-card{
padding:16px!important;
gap:12px!important;
}
.backdigit-cmp-phone{
width:54px!important;
height:54px!important;
border-radius:11px!important;
}
.backdigit-cmp-phone-1{
margin-right:-5px!important;
}
.backdigit-cmp-phone-2{
margin-left:-5px!important;
}
.backdigit-cmp-vs{
width:24px!important;
height:24px!important;
font-size:9px!important;
}
.backdigit-cmp-small{
font-size:14px!important;
}
.backdigit-cmp-big{
font-size:18px!important;
}
}