.switch__box[data-v-9c4e5643]{background:var(--secondary-bg);border:1px solid var(--darker-purple);border-radius:10px;display:grid;grid-template-columns:1fr 1fr;position:relative;width:-moz-fit-content;width:fit-content;z-index:2}.switch__box.three__options[data-v-9c4e5643]{grid-template-columns:1fr 1fr 1fr}.switch__box.three__options[data-v-9c4e5643]:after{min-width:33.3%}.switch__box.first__option button[data-v-9c4e5643]:first-of-type{color:var(--main-color)}.switch__box.first__option button[data-v-9c4e5643]:nth-of-type(2),.switch__box.first__option button[data-v-9c4e5643]:nth-of-type(3){color:var(--white-07)}.switch__box.second__option[data-v-9c4e5643]:after{left:33.3%}.switch__box.second__option button[data-v-9c4e5643]:first-of-type{color:var(--white-07)}.switch__box.second__option button[data-v-9c4e5643]:nth-of-type(2){color:var(--main-color)}.switch__box.second__option button[data-v-9c4e5643]:nth-of-type(3){color:var(--white-07)}.switch__box.second__option[data-v-9c4e5643]:not(.three__options):after{left:50%}.switch__box.third__option[data-v-9c4e5643]:after{left:66.6%}.switch__box.third__option button[data-v-9c4e5643]:first-of-type,.switch__box.third__option button[data-v-9c4e5643]:nth-of-type(2){color:var(--white-07)}.switch__box.third__option button[data-v-9c4e5643]:nth-of-type(3){color:var(--main-color)}.switch__box button[data-v-9c4e5643]{border-radius:10px;color:var(--white-07);cursor:pointer;font-weight:500;line-height:100%;padding:12px 16px;transition:all .2s}.switch__box[data-v-9c4e5643]:after{background-color:var(--dark-purple);border-radius:10px;content:"";height:100%;left:0;min-width:50%;opacity:0;position:absolute;top:0;transition:all .2s;z-index:-1}.switch__box.first__option[data-v-9c4e5643]:after,.switch__box.second__option[data-v-9c4e5643]:after,.switch__box.third__option[data-v-9c4e5643]:after{opacity:1}@media screen and (max-width:450px){.switch__box[data-v-9c4e5643]{width:100%}.switch__box button[data-v-9c4e5643]{padding:10px 12px}}