:root {
	--tax-toggle-text-color: inherit;
	--tax-toggle-text-size: 13px;
	--tax-toggle-off-background: #FDFDFD;
	--tax-toggle-on-background: #4CD863;
	--tax-toggle-off-knob: #E5E5E5;
	--tax-toggle-off-knob-hover: #BCBABA;
	--tax-toggle-on-knob: #FFFFFF;
	--tax-toggle-on-knob-hover: #F9F9F9;
	--tax-toggle-off-border: #E5E5E5;
	--tax-toggle-on-border: #EDEDEE;
	--tax-toggle-spacing: 5px;
	--tax-toggle-toggle-knob-dimension: 26px;
	--tax-toggle-toggle-knob-gap: 4px;
	--tax-toggle-toggle-radius: 100px;
}

.tax-toggle-for-wc-toggle-style {
	display: flex;
	align-items: center;
	gap: var(--tax-toggle-spacing);
	font-size: var(--tax-toggle-text-size);
	color: var(--tax-toggle-text-color);
	min-width: max-content;
}

.tax-toggle-for-wc-toggle {
	padding: unset;
	border: unset;
	text-align: unset;
}

.tax-toggle-for-wc-toggle,
.tax-toggle-for-wc-toggle.on,
.tax-toggle-for-wc-toggle:hover,
.tax-toggle-for-wc-toggle.on:hover {
	background: transparent;
	background-color: transparent;
}

.tax-toggle-for-wc-toggle.on .tax-toggle-for-wc-toggle-inner {
	border: 1px solid var(--tax-toggle-on-border);
}

.tax-toggle-for-wc-toggle.on .tax-toggle-for-wc-toggle-knob:before {
	left: calc(100% - var(--tax-toggle-toggle-knob-gap) - var(--tax-toggle-toggle-knob-dimension));
	background-color: var(--tax-toggle-on-knob);
}

.tax-toggle-for-wc-toggle.on .tax-toggle-for-wc-toggle-layer {
	background-color: var(--tax-toggle-on-background);
}

.tax-toggle-for-wc-toggle-inner {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	width: calc(var(--tax-toggle-toggle-knob-dimension) * 2.5);
	height: calc(var(--tax-toggle-toggle-knob-gap) * 2 + var(--tax-toggle-toggle-knob-dimension));
	border-radius: var(--tax-toggle-toggle-radius);
	border: 1px solid var(--tax-toggle-off-border);
}

.tax-toggle-for-wc-toggle-knob,
.tax-toggle-for-wc-toggle-layer {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.tax-toggle-for-wc-toggle-knob {
	z-index: 2;
}

.tax-toggle-for-wc-toggle-knob:before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: var(--tax-toggle-toggle-knob-gap);
	width: var(--tax-toggle-toggle-knob-dimension);
	height: var(--tax-toggle-toggle-knob-dimension);
	background-color: var(--tax-toggle-off-knob);
	border-radius: var(--tax-toggle-toggle-radius);
	transition: 0.3s cubic-bezier(0.1, 0.8, 0.4, 1);
}

.tax-toggle-for-wc-toggle:hover .tax-toggle-for-wc-toggle-knob:before {
	background-color: var(--tax-toggle-off-knob-hover);
}

.tax-toggle-for-wc-toggle.on:hover .tax-toggle-for-wc-toggle-knob:before {
	background-color: var(--tax-toggle-on-knob-hover);
}

.tax-toggle-for-wc-toggle-layer {
	z-index: 1;
	width: 100%;
	transition: 0.3s ease all;
	background-color: var(--tax-toggle-off-background);
	border-radius: var(--tax-toggle-toggle-radius);
}

.tax-toggle-for-wc-toggle-knob,
.tax-toggle-for-wc-toggle-knob:before,
.tax-toggle-for-wc-toggle-layer {
	transition: 0.3s ease all;
}

.tax-toggle-for-wc-before-text {
	text-align: right;
}

.tax-toggle-for-wc-after-text {
	text-align: left;
}