.switch{height:24px;display:block;position:relative;cursor:pointer}.switch input{display:none}.switch input+span{padding-left:50px;min-height:24px;line-height:24px;display:block;color:#99a3ba;position:relative;vertical-align:middle;white-space:nowrap;transition:color .3s ease}.switch input+span:before,.switch input+span:after{content:"";display:block;position:absolute;border-radius:12px}.switch input+span:before{top:0;left:0;width:42px;height:24px;background:rgba(153,163,186,.35);transition:all .3s ease}.switch input+span:after{width:18px;height:18px;background:#fff;top:3px;left:3px;box-shadow:0 1px 3px #1216211a;transition:all .45s ease}.switch input+span em{width:8px;height:7px;background:#99a3ba;position:absolute;left:8px;bottom:7px;border-radius:2px;display:block;z-index:1;transition:all .45s ease}.switch input+span em:before{content:"";width:2px;height:2px;border-radius:1px;background:rgba(153,163,186,.35);position:absolute;display:block;left:50%;top:50%;margin:-1px 0 0 -1px}.switch input+span em:after{content:"";display:block;border-top-left-radius:4px;border-top-right-radius:4px;border:1px solid #99a3ba;border-bottom:0;width:6px;height:4px;left:1px;bottom:6px;position:absolute;z-index:1;transform-origin:0 100%;transition:all .45s ease;transform:rotate(-35deg) translateY(1px)}.switch input+span strong{font-weight:400;position:relative;display:block;top:1px}.switch input+span strong:before,.switch input+span strong:after{font-size:14px;font-weight:500;display:block;font-family:Mukta Malar,Arial;-webkit-backface-visibility:hidden}.switch input+span strong:before{content:"EN";transition:all .3s ease .2s}.switch input+span strong:after{content:"VN";opacity:0;visibility:hidden;position:absolute;left:0;top:0;color:#99a3ba;transition:all .3s ease;transform:translate(2px)}.switch input:checked+span:before{background:rgba(153,163,186,.35)}.switch input:checked+span:after{background:#fff;transform:translate(18px)}.switch input:checked+span em{transform:translate(18px);background:#99a3ba}.switch input:checked+span em:after{border-color:#99a3ba;transform:rotate(0) translate(0)}.switch input:checked+span strong:before{opacity:0;visibility:hidden;transition:all .3s ease;transform:translate(-2px)}.switch input:checked+span strong:after{opacity:1;visibility:visible;transform:translate(0);transition:all .3s ease .2s}
