body.grayscale{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);transition:all .3s ease}.grayscale-toggle-wrapper{position:fixed;bottom:16px;left:60px;z-index:1000;display:flex;align-items:center;background:rgba(255,255,255,.9);padding:8px 12px;border-radius:20px;box-shadow:0 2px 5px rgba(0,0,0,.2)}.grayscale-toggle-wrapper label{margin-right:8px;font-size:14px}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translateX(26px)}