/* ------------------------------------------------------------ *\
	Switch
\* ------------------------------------------------------------ */

.switch {
	display: flex;
	align-items: center;
	color: #b11c89;

	.form-switch {
		margin: 0 10px;
		padding: 0;
	}

	.form-switch .form-check-input {
		position: relative;
		width: 56px;
		height: 24px;
		margin: 0;
		box-shadow: none;
		background-color: #b11c89;
		border: 0;
		background-image: none;
		transition: background .2s;

		&:focus {
			--bs-form-switch-bg: none;
		}

		&:before {
			content: '';
			display: inline-block;
			width: 20px;
			height: 20px;
			background: $white;
			border-radius: 50%;
			position: absolute;
			left: 2px;
			top: 2px;
			transition: background .2s, left .3s;
		}

		&:checked {
			background-color: $white;

			&:before {
				background: #b11c89;
				left: 34px;
			}
		}
	}

	.form-check-label {
		display: none;
	}
}