:root{--theme-toggle-color: currentColor}.theme-toggle{z-index:10}.toggle-indicator{border-radius:50%;width:36px;height:36px;position:relative;box-shadow:inset 16px -16px 0 0 var(--theme-toggle-color, #ffbb52);transform:scale(1) rotate(-2deg);transition:box-shadow .5s ease 0s,transform .4s ease .1s}.toggle-indicator:before{content:"";width:inherit;height:inherit;border-radius:inherit;position:absolute;left:0;top:0;background:transparent;transition:background .3s ease}.toggle-indicator:after{content:"";width:8px;height:8px;border-radius:50%;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%;box-shadow:0 -23px 0 var(--theme-toggle-color, #ffbb52),0 23px 0 var(--theme-toggle-color, #ffbb52),23px 0 0 var(--theme-toggle-color, #ffbb52),-23px 0 0 var(--theme-toggle-color, #ffbb52),15px 15px 0 var(--theme-toggle-color, #ffbb52),-15px 15px 0 var(--theme-toggle-color, #ffbb52),15px -15px 0 var(--theme-toggle-color, #ffbb52),-15px -15px 0 var(--theme-toggle-color, #ffbb52);transform:scale(0);transition:all .3s ease}input:checked+.toggle-indicator{box-shadow:inset 32px -32px 0 0 var(--theme-background-color, #17181c);transform:scale(.5) rotate(0);transition:transform .3s ease .1s,box-shadow .2s ease 0s}input:checked+.toggle-indicator:before{background:var(--theme-toggle-color, #ffbb52);transition:background .3s ease .1s}input:checked+.toggle-indicator:after{transform:scale(1.5);transition:transform .5s ease .15s}
