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