/* Switch button */
.ts-switch-plan.type-check-button{
	height: 36px;
	min-width: 56px;
	width: 100%;
	border-radius: 9999px;
	background-color: var(--e-global-color-e1e8ca9);
	border: 2px solid var(--e-global-color-e1e8ca9);
	cursor: pointer;
}
.ts-switch-plan.type-check-button .ts-switch-plan-slide{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	background-color: #E6E6E6;
	border-radius: 9999px;
	transition: all .1s;
}
body.monthly .ts-switch-plan.type-check-button{
	background-color: #838383!important;
    border-color: #838383!important;
}
body.monthly .ts-switch-plan.type-check-button .ts-switch-plan-slide,
.ts-switch-plan.type-check-button .ts-switch-plan-slide[default="active"]{
	transform: translateX(-32px);
    margin-left: 100%;
}
body.monthly .ts-switch-plan.type-check-button .ts-switch-plan-slide[default="active"]{
	transform: translateX(0);
    margin-left: 0;
}
.ts-switch-plan.type-check-button .ts-switch-plan-slide img{
	width: 24px;
	height: 24px;
	user-select: none;
}
body.monthly .ts-switch-plan.type-check-button .ts-switch-plan-slide img{
	filter: grayscale(100%);
}

/* Radio button */
.ts-switch-plan.type-radio-button{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px;
}
.ts-switch-plan.type-radio-button div{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 4px;
}
.ts-switch-plan.type-radio-button div label{
	font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #ECECEC;
}
.ts-switch-plan.type-radio-button div input[type="radio"]{
	appearance: none;
	position: relative;
	width: 16px;
	height: 16px;
	background-color: #FFFFFF;
	margin: 0;
	border-radius: 50%;
	cursor: pointer;
}
.ts-switch-plan.type-radio-button div input[type="radio"]::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 12px;
	background-color: #6563f0;
	border-radius: 50%;
	transform: scale(0) translate(-50%, -50%);
	transition: 120ms transform ease-in-out;
}
.ts-switch-plan.type-radio-button div input[type="radio"]:checked::before{
	transform: scale(1) translate(-50%, -50%);
}