.masterstudy-switcher{display:inline-flex;position:relative;width:35px;height:20px;margin:0;padding:0;cursor:pointer}.masterstudy-switcher input[type=checkbox]{display:none}.masterstudy-switcher .masterstudy-switcher-background{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#b3bac2;border-radius:20px;transition:background-color .2s ease-in-out}.masterstudy-switcher .masterstudy-switcher-handle{display:flex;position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:#fff;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.masterstudy-switcher input[type=checkbox]:checked+.masterstudy-switcher-handle{-webkit-transform:translateX(20px);transform:translateX(20px);box-shadow:0 2px 5px rgba(0,0,0,.2),0 0 0 3px var(--accent-100)}.masterstudy-switcher input[type=checkbox]:checked+.masterstudy-switcher-background{background-color:var(--accent-100);box-shadow:inset 0 0 0 2px var(--accent-hover)}.masterstudy-switcher input[type=checkbox]:checked+.masterstudy-switcher-background .masterstudy-switcher-handle{-webkit-transform:translateX(15px);transform:translateX(15px)}