.vSZ4j,
.XWYtB,
.LmQsQ {
	display: flex;
	gap: var(--x-spacing-base)
}

.XWYtB,
.vSZ4j {
	cursor: pointer
}

.XWYtB,
.LmQsQ {
	align-items: center
}

.vSZ4j {
	align-items: flex-start
}

.CPKnv {
	border-radius: var(--x-global-border-radius, var(--x-border-radius-base));
	border: 1px var(--x-default-color-border) solid;
	padding: var(--x-spacing-base)
}

._2MujH {
	--x-default-color-background: hsl(0, 0%, 96.1%);
	--x-default-color-border: hsl(0, 0%, 87.5%);
	--x-default-color-accent: hsl(251, 82%, 56%);
	--x-default-color-text-subdued: rgba(0, 0, 0, .56);
	--x-default-color-accent-contrast: hsl(0, 0%, 100%)
}

._2MujH:before {
	bottom: .07142857142857142em;
	left: .07142857142857142em;
	width: 1.4285714285714286em;
	height: 1.4285714285714286em
}

._2MujH+span {
	opacity: 1 !important;
	left: calc(50% - 8px) !important;
	right: auto !important;
	transition: left var(--x-duration-fast) var(--x-timing-base) 0ms, transform var(--x-duration-fast) var(--x-timing-base) 0ms !important
}

input:checked+._2MujH+span {
	left: calc(50% + 8px) !important;
	right: auto !important
}

[dir=ltr] ._91gEH {
	padding-left: var(--x-spacing-small-500)
}

[dir=rtl] ._91gEH {
	padding-right: var(--x-spacing-small-500)
}

._91gEH {
	flex-shrink: 0
}

._5r6et {
	margin-bottom: 1px
}

.VtlV5 {
	display: flex;
	align-items: center;
	gap: var(--x-spacing-base)
}

[dir=ltr] .DozjB {
	padding-left: var(--x-spacing-small-500)
}

[dir=rtl] .DozjB {
	padding-right: var(--x-spacing-small-500)
}

.DozjB {
	flex-shrink: 0
}