.wet-switch{--switch-size:1.5rem}.wet-switch,.wet-switch__button{display:inline-flex;cursor:pointer}.wet-switch__button{width:calc(var(--switch-size)*1.75 + 2px);flex:0 0 auto;height:calc(var(--switch-size) + 2px);position:relative;color:var(--gray)}.wet-switch__button_active{color:var(--success);--wet-switch-border-color:currentColor;--wet-switch-thumb-translate:calc(var(--switch-size) - var(--switch-size)*0.25)}.wet-switch__button_disabled{color:var(--success-light);cursor:not-allowed}.wet-switch__input{padding:0;margin:0;border:none;position:absolute;opacity:0;width:100%;height:100%;cursor:inherit;user-select:none}.wet-switch__track{border-color:currentColor;border-style:solid;border-width:1px;background-color:var(--wet-switch-border-color,#fff);border-radius:var(--border-radius);width:calc(var(--switch-size)*1.75 + 2px);height:calc(var(--switch-size) + 2px);left:0;position:absolute;opacity:.6;top:calc(50% - var(--switch-size)/2);box-shadow:inset 0 2px 4px -1px rgba(0,0,0,.2)}.wet-switch__thumb,.wet-switch__track{pointer-events:none;transition:all .2s}.wet-switch__thumb{box-shadow:0 2px 4px -1px rgba(0,0,0,.4),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);border-radius:50%;top:calc(50% - var(--switch-size)/2 + 1px);left:1px;height:var(--switch-size);position:relative;width:var(--switch-size);display:flex;justify-content:center;align-items:center;color:#fff;background-color:currentColor;transform:translate(var(--wet-switch-thumb-translate))}.wet-switch__label{padding-left:1rem;cursor:pointer}.wet-switch__tip{--wet-tip-show:0;position:relative;transition:all .2s ease-in-out;padding:0 .5rem}.wet-switch__tip:hover{--wet-tip-show:1}.wet-switch__tip-message{position:absolute;opacity:var(--wet-tip-show);pointer-events:none;font-size:.75em;z-index:9999;background-color:rgba(0,0,0,.8);color:#fff;padding:.5rem 1rem;width:250px;max-width:100vw;border-radius:.5rem;transition:all .3s ease-in-out;text-align:justify;margin-top:.5rem}.wet-switch__tip-icon{font-size:1.25rem;color:grey;transition:all .2s ease-in-out}.wet-switch__tip-icon:hover{color:var(--secondary)}