html[data-theme] .switch .switch__inner-icons,html[data-theme] .switch .switch__inner::before{transform:translateX(-1.25em)}html[data-theme="dark"] .switch .switch__inner-icons,html[data-theme="dark"] .switch .switch__inner::before{transform:translateX(1.25em)}html[data-theme] .switch .switch__inner-icons .switch__icon{transform:translateX(1.25em)}html[data-theme="dark"] .switch .switch__inner-icons .switch__icon{transform:translateX(-1.25em)}html[data-theme] .switch>.switch__icon{transform:none;color:#ccc}html[data-theme="dark"] .switch>.switch__icon{color:#fff}.switch .switch__input,.switch .switch__icon{transition:none!important}.switch .switch__inner-icons,.switch .switch__inner::before{transition:transform 160ms ease-out!important}@media (prefers-reduced-motion:reduce){.switch .switch__inner-icons,.switch .switch__inner::before{transition:none!important}}@media (prefers-reduced-motion:no-preference){html body,html :is(.content,.popular,.editorial,.topchart,.trending,.authorsection,.content_detail .banner_side,.dose-content-list){transition:background-color 220ms ease-in-out,border-color 220ms ease-in-out,color 220ms ease-in-out!important}html :is(.content,.popular,.editorial,.topchart,.trending,.authorsection) :is(a,h1,h2,h3,h4,p,li,.num,.txt-gd,.txt-semi,.box_info,.timepost){transition:color 220ms ease-in-out,border-color 220ms ease-in-out!important}}