.academia_website_avalanche_home_fees_filters_styles_switchinput {
display: none;
}
.academia_website_avalanche_home_fees_filters_styles_switchlabel {
position: relative;
display: block;
background-color: rgba(110, 31, 115, 0.8);
cursor: pointer;
height: 2em;
width: 4em;
border-radius: 2em;
margin-right: 1em;
margin-left: 1em;
&::before {
content: '';
position: absolute;
left: calc(2em * 0.05);
top: calc(2em * 0.05);
width: calc(2em * 0.9);
height: calc(2em * 0.9);
border-radius: 50%;
background-color: white;
transition-duration: 0.2s;
}
}
.academia_website_avalanche_home_fees_filters_styles_switchinput:checked + .academia_website_avalanche_home_fees_filters_styles_switchlabel::before {
transform: translateX(113%);
}
.academia_website_avalanche_home_fees_filters_styles_groupinput {
display: none;
}
.academia_website_avalanche_home_fees_filters_styles_grouplabel {
padding: 0.4rem 1rem;
background-color: rgba(110, 31, 115, 0.4);
color: rgba(110, 31, 115, 0.9);
border-radius: 20px;
}
.academia_website_avalanche_home_fees_filters_styles_groupinput:checked + .academia_website_avalanche_home_fees_filters_styles_grouplabel {
background-color: rgba(110, 31, 115, 0.8);
color: white;
}
.academia_website_avalanche_home_fees_filters_styles_switchwrapper {
display: flex;
align-items: center;
margin-top: 2rem;
}
.academia_website_avalanche_home_fees_filters_styles_groupwrapper {
display: flex;
gap: 1rem;
margin-top: 2rem;
cursor: pointer;
flex-wrap: wrap;
justify-content: center;
}