| 1 |
.sc-toggle{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:16px;padding:0;position:relative;width:30px;-ms-flex-negative:0;background-color:var(--sc-switch-control-background-color,var(--sc-color-gray-300));border:2px solid rgba(0,0,0,0);border-radius:9999px;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;flex-shrink:0;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.sc-toggle:focus:not(.sc-toggle--checked),.sc-toggle:hover:not(.sc-toggle--checked){background-color:var(--sc-switch-control-hover-background-color,var(--sc-color-gray-200));border-color:rgba(0,0,0,0)}.sc-toggle:focus:not(.sc-toggle--checked) .sc-toggle__knob,.sc-toggle:hover:not(.sc-toggle--checked) .sc-toggle__knob{background-color:var(--sc-switch-background-thumb-hover-color,var(--sc-color-white))}.sc-toggle:focus{outline:none;--ring-color:var(--sc-color-primary-500);--ring-offset-width:2px;--ring-width:2px;-webkit-box-shadow:0 0 0 var(--ring-offset-width) #fff,0 0 0 calc(var(--ring-offset-width) + var(--ring-width)) var(--ring-color);box-shadow:0 0 0 var(--ring-offset-width) #fff,0 0 0 calc(var(--ring-offset-width) + var(--ring-width)) var(--ring-color)}.sc-toggle.sc-toggle--checked{background-color:var(--sc-switch-checked-control-background-color,var(--sc-color-primary-500))}.sc-toggle .sc-toggle__knob{background-color:var(--sc-switch-thumb-background-color,var(--sc-color-white));border-radius:9999px;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);display:inline-block;height:12px;padding:0;pointer-events:none;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);width:12px}.sc-toggle.sc-toggle--checked .sc-toggle__knob{-webkit-transform:translateX(13px);-ms-transform:translateX(13px);transform:translateX(13px)}.sc-toggle .sc-toggle__label{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap} |
