/** * Copyright (c) HashiCorp, Inc. * SPDX-License-Identifier: BUSL-1.1 */ %sliding-toggle label { position: relative; } %sliding-toggle input { display: none; } %sliding-toggle label span { display: inline-block; padding-left: 34px; } %sliding-toggle label span::before, %sliding-toggle label span::after { position: absolute; display: block; content: ''; top: 50%; } %sliding-toggle label span::before { left: 0px; width: 24px; height: 12px; margin-top: -5px; } %sliding-toggle label span::after { margin-top: -3px; width: 8px; height: 8px; } %sliding-toggle label input:checked + span::after, %sliding-toggle-negative label input + span::after { left: 14px; } %sliding-toggle label span::after, %sliding-toggle-negative label input:checked + span::after { left: 2px; }