@uva-glass/component-library/dist/assets/ToggleSwitch.css

React components UvA

._toggle-switch_1df21_1{align-items:center;cursor:pointer;display:inline-flex;gap:1ch;-webkit-user-select:none;user-select:none}._toggle-switch__visible_1df21_9{align-items:center;background-color:var(--color-white);border:1px solid var(--color-black);border-radius:.75rem;box-shadow:0 1px 1px #0000000f,0 1px 2px #0000001a;display:flex;height:1.5rem;outline:.125rem dotted transparent;outline-offset:.125rem;padding:.25rem;transition:background-color .15s;width:3.125rem}:focus-visible+._toggle-switch__visible_1df21_9{outline-color:var(--color-cobalt)}:checked+._toggle-switch__visible_1df21_9{background-color:var(--color-uva-green)}._toggle-switch__visible_1df21_9:before{background-color:var(--color-lavender);border:1px solid var(--color-black);border-radius:.75rem;content:"";display:inline-block;height:1rem;min-width:1rem;transform:translate(-.1rem);transition:background-color .15s,transform .15s,width .15s}:checked+._toggle-switch__visible_1df21_9:before{background-color:var(--color-white);transform:translate(1.6rem)}._toggle-switch--disabled_1df21_54 ._toggle-switch__visible_1df21_9:before{background-color:#0000001a;border-color:#0000001a}:checked:active+._toggle-switch__visible_1df21_9:before{transform:translate(1.25rem)}._toggle-switch--disabled_1df21_54,._toggle-switch--loading_1df21_64{pointer-events:none}._toggle-switch--disabled_1df21_54 ._toggle-switch__visible_1df21_9{background-color:var(--color-lavender);border-color:#0000001a;box-shadow:none}._toggle-switch--visually-hidden_1df21_74{border:0;clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;margin:0 -1px -1px 0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}._toggle-switch--disabled-label_1df21_87{color:var(--color-scarpa-flow)}._toggle-switch--loading-cursor_1df21_91{cursor:wait}._toggle-switch--extra-left-gap_1df21_95{margin-left:.5rem}