.G_Switch{cursor:pointer;flex-direction:column;height:44px;overflow:hidden;transition:.3s}.G_Switch,.G_Switch .content{display:flex;position:relative;width:100%}.G_Switch .content{align-items:center;border:1px solid #31bbff;border-radius:8px;height:100%}.G_Switch .content .effect{background-color:#31bbff29;height:100%;pointer-events:none;position:absolute;top:0;transition:.3s}.G_Switch .content label{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;min-width:42px;position:relative;width:100%;z-index:2}.G_Switch .content label input{display:none}.G_Switch .content label div{align-items:center;display:flex;gap:12px;justify-content:center;margin:0 auto;transition:.3s}.G_Switch .content label div p{font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase;transition:.3s;white-space:nowrap}.G_Switch .content label div .icon{background-color:#fff;display:flex;height:20px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;min-width:20px}.G_Switch .content label div .icon img{display:flex;height:14px;opacity:0;pointer-events:none}.G_Switch .content label:hover div p{color:#31bbff}.G_Switch .content label:hover div .icon{background-color:#31bbff}.G_Switch .content label input:checked+div p{color:#31bbff}.G_Switch .content label input:checked+div .icon{background-color:#31bbff}.G_Switch.small{height:36px}.G_Switch.small label div .icon{height:12px;margin-right:8px;min-width:12px;width:12px}.G_Switch.small label div p{font-size:12px}.G_Switch.block{opacity:.5;pointer-events:none}