@import url('../variables/toggle.variant.less');

.app-toggle-off.root{
    width: var(--wm-toggle-width);
    height: var(--wm-toggle-height);
    border-radius: var(--wm-toggle-border-radius);
    border-color: var(--wm-toggle-border-color);
    background-color: var(--wm-toggle-background-color);
    border-width: var(--wm-toggle-border-width);
}
.app-toggle-off.handle{
    width: var(--wm-toggle-handle-width);
    height: var(--wm-toggle-handle-height);
    border-radius: var(--wm-toggle-handle-radius);
    margin-left: var(--wm-toggle-handle-margin-left);
    margin-right: var(--wm-toggle-handle-margin-right);
    background-color: var(--wm-toggle-handle-color);
}
.app-toggle-on.root{
    width: var(--wm-toggle-width);
    height: var(--wm-toggle-height);
    border-radius: var(--wm-toggle-border-radius);
    background-color: var(--wm-toggle-background-color);
}
.app-toggle-on.handle{
    width: var(--wm-toggle-handle-width);
    height: var(--wm-toggle-handle-height);
    border-radius: var(--wm-toggle-handle-radius);
    margin-left: var(--wm-toggle-handle-margin-left);
    margin-right: var(--wm-toggle-handle-margin-right);
    background-color: var(--wm-toggle-handle-color);
}

.app-toggle-disabled.root{
    opacity: var(--wm-toggle-opacity);
}
.app-toggle-disabled.handle{
    opacity: var(--wm-toggle-opacity);
}
