.hk{display:flex;flex-direction:row;gap:20px;margin-top:10px}.panel-switch{display:flex;flex-direction:row;gap:30px;align-items:center;font-size:large;margin:3px;padding:3px}.panel-switch.selected{outline:3px solid white}.switch{position:relative;display:flex;flex-direction:column;align-items:center;width:40px;height:25px;cursor:pointer;margin:5px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#444;border:.5px solid #666;border-radius:25px;transition:.4s;box-sizing:border-box}.slider::before{position:absolute;content:"";height:16px;width:16px;background-color:#fff;border-radius:50%;top:50%;left:0;transform:translateY(-50%);transition:.4s;box-shadow:0 2px 4px rgba(0,0,0,.2)}.switch input:checked+.red{background-color:#f44336;border-color:#f44336}.switch input:not(:checked)+.red{background-color:#444;border-color:#666}.switch input:checked+.green{background-color:#4caf50;border-color:#4caf50}.switch input:not(:checked)+.green{background-color:#444;border-color:#666}.switch input:checked+.slider::before{transform:translate(20px,-50%)}