.embeded_consent_settings{
.anchore{
transform: translateY(-270px);
}
.expand_info{
font-size: 16px;
padding-right: 45px;
} .checkbox_holder{
margin-top: 15px;
label {
font-weight: 500;
color: #2194bb;
margin-bottom: 15px;
}
}
input[type="checkbox"],
input[type="radio"]{
display: none;
}
input[type="checkbox"] + label,
input[type="radio"] + label{
padding-left:45px;
position: relative;
display: flex;
align-items: center;
min-height:21px;
line-height:1.2em;
gap: 5px;
padding-top: 0;
font-size: clamp(16px, 2vw, 13px);
letter-spacing: 0;
&:before{
content:"";
display: block;
width: 38px;
height: 21px; 
background-color: #e8e8e8;
border-radius:15px;
color: #ffffff;
position: absolute;
top: 50%;
transform: translateY(-50%);
line-height: 30px;
left:0;
cursor: pointer;
transition: background 100ms ease-in-out;
text-align: right;
}
&:after{
content:"";
width:15px;
height:15px;
border-radius:10px;
display: block;
position: absolute;
left:20px;
background-color:#ffffff;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
transition: all 100ms ease-in-out;
}
.rtl &{
padding-left:0;
padding-right:45px;
text-align: right;
direction: rtl;
letter-spacing: 0;
font-size: clamp(16px, 0.7vw, 12px);
line-height: 1.5em;
&>span{
display: inline-block;
min-height:21px;
}
&:before{
left: auto;
right:0;
}
&:after{
left:auto;
right: 3px;
}
}
.tooltip{
&:before{
content:"(";
}
&:after{
content:")";
}
}
.tooltip_question{
display: none;
}
}
input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label{
&:before{
background-color: #2194bb;
}
&:after{
left:3px;
}
.rtl &{
padding-left:0;
padding-right:45px;
&:after{
left:auto;
right: 20px;
}
}
}
.rtl &{
text-align: right;
direction: rtl;
}
input[type="checkbox"][disabled] + label:before{
background-color: #70c1dd;
pointer-events: none!important;
} button#submit{
border:0;
border-radius:3px;
background-color:#2194bb;
color:#ffffff;
font-size: clamp(13px, 0.9vw, 15px);
padding: 0.7em 1.43em 0.85em;
margin-top: 30px;
}
button#submit[disabled] {
filter: opacity(.6);
pointer-events: none;
}
button#submit:not([disabled]) {
cursor: pointer;
&:hover{
opacity:0.8;
}
}
}
.ltr{
.embeded_consent_settings{
.expand_info {
padding-left: 45px;
padding-right: 0;
}
}
}