.theme-label{width:40px;height:20px;position:relative;display:block;background:#ebebeb;border-radius:200px;box-shadow:inset 0 5px 15px rgba(0,0,0,.4),inset 0 -5px 15px hsla(0,0%,100%,.4);cursor:pointer;overflow:hidden}.theme-label:after{content:"";width:18px;height:18px;top:1px;left:2px;position:absolute;background:linear-gradient(180deg,#ffcc89,#d8860b);border-radius:180px;box-shadow:0 5px 10px rgba(0,0,0,.2)}.theme-input{width:0;height:0;visibility:hidden}.theme-input:checked+.theme-label{background:#242424}.theme-input:checked+label:after{left:38px;transform:translateX(-100%);background:linear-gradient(180deg,#777,#3a3a3a)}.theme-label,.theme-label:after{transition:.5s}.theme-label:active:after{width:20px}.svg{position:absolute;width:12px;color:#faebd7;top:2px;left:5px;z-index:20}label .sun{fill:#fff;transition:.3s}label .moon{left:25px;transition:.3s}.theme-input:checked+label .sun,label .moon{fill:#7e7e7e}.theme-input:checked+label .moon{fill:#fff}