.cookie-setting-component .cookie-setting-container{opacity:0}
.cookie-setting-component .cookie-setting-container.ready{opacity:1}
.cookie-setting-component .content .text-wrap h6{font:normal 600 16px "Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";line-height:19px}
.cookie-setting-component .content .text-wrap p,.cookie-setting-component .content .text-wrap a{font:normal 400 14px "Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";line-height:150%}
.cookie-setting-component .content .switch-wrap{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:32px;margin-bottom:60px}
.cookie-setting-component .content .switch-wrap li{display:flex}
@media(max-width:768px){.cookie-setting-component .content .switch-wrap li{flex-direction:column;gap:20px}
}
.cookie-setting-component .content .switch-wrap .switch{flex-shrink:0;margin-right:32px;width:100px;height:40px;border-radius:100px;background-color:#757575;color:#fff;position:relative;cursor:pointer}
.cookie-setting-component .content .switch-wrap .switch p{font:normal 600 18px "Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";line-height:21px;position:absolute;left:0;width:60px;top:50%;transform:translateY(-50%);text-align:center;transition:opacity .5s;color:#fff}
.cookie-setting-component .content .switch-wrap .switch p.text-on{opacity:0;left:0}
.cookie-setting-component .content .switch-wrap .switch p.text-off{opacity:1;left:calc(100% - 60px)}
.cookie-setting-component .content .switch-wrap .switch .circle{width:40px;height:40px;border-radius:100px;display:block;position:absolute;left:8px;top:50%;transform:translateY(-50%);transition:left .5s;background-color:#fff;border:8px solid #757575}
.cookie-setting-component .content .switch-wrap .switch.active{background-color:#2d7d92}
.cookie-setting-component .content .switch-wrap .switch.active .circle{left:calc(100% - 40px);border-color:#2d7d92}
.cookie-setting-component .content .switch-wrap .switch.active .text-on{opacity:1}
.cookie-setting-component .content .switch-wrap .switch.active .text-off{opacity:0}
.cookie-setting-component .content .switch-wrap .switch.disabled{cursor:not-allowed;background-color:#000}
.cookie-setting-component .content .switch-wrap .switch.disabled .circle{border-color:#000}
.cookie-setting-component .content a{color:#2d7d92;text-decoration:underline}
html.rtl .cookie-setting-component .content .switch-wrap .switch{margin-left:32px;margin-right:unset}
html.rtl .cookie-setting-component .content .switch-wrap .switch p{left:0}
html.rtl .cookie-setting-component .content .switch-wrap .switch p.text-on{opacity:0;left:0}
html.rtl .cookie-setting-component .content .switch-wrap .switch p.text-off{opacity:1;left:calc(100% - 60px)}
html.rtl .cookie-setting-component .content .switch-wrap .switch .circle{width:40px;height:40px;border-radius:100px;display:block;position:absolute;left:8px;top:50%;transform:translateY(-50%);transition:left .5s;background-color:#fff;border:8px solid #757575}
html.rtl .cookie-setting-component .content .switch-wrap .switch.active{background-color:#2d7d92}
html.rtl .cookie-setting-component .content .switch-wrap .switch.active .circle{left:calc(100% - 40px);border-color:#2d7d92}
html.rtl .cookie-setting-component .content .switch-wrap .switch.active .text-on{opacity:1}
html.rtl .cookie-setting-component .content .switch-wrap .switch.active .text-off{opacity:0}
html.rtl .cookie-setting-component .content .switch-wrap .switch.disabled{cursor:not-allowed;background-color:#000}
html.rtl .cookie-setting-component .content .switch-wrap .switch.disabled .circle{border-color:#000}