.lesson-toggle{--lesson-toggle-color:oklch(0.923 0.003 48.717);width:70px;height:65px;border-radius:50%/50%;position:relative;transform:translateZ(0)}.lesson-toggle:not(:active):hover{transform:translateY(1.5px)}.lesson-toggle:active{transform:translateY(8px)}.lesson-toggle:not(:active):after{box-shadow:0 8px 0 rgba(0,0,0,.2),0 8px 0 var(--lesson-toggle-color)}.lesson-toggle:not(:active):hover:after{box-shadow:0 6.5px 0 rgba(0,0,0,.2),0 6.5px 0 var(--lesson-toggle-color)}.lesson-toggle:not(:hover):not(:active):before{content:"";position:absolute;z-index:0;top:0;left:0;width:100%;height:10px;top:27.5px;background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),linear-gradient(var(--lesson-toggle-color),var(--lesson-toggle-color))}.lesson-toggle:after{content:"";width:100%;position:absolute;z-index:0;background:var(--lesson-toggle-color);border-radius:50%/50%;height:57px;top:0;left:0}.lesson-toggle[data-locked=true]{transform:translateY(5px)!important}.lesson-toggle[data-locked=true]:after{box-shadow:none!important}.lesson-toggle[data-locked=true]:before{content:none!important}