.switch__box[data-v-39cce5be]{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-39cce5be]{grid-template-columns:1fr 1fr 1fr}.switch__box.three__options[data-v-39cce5be]:after{min-width:33.3%}.switch__box.second__option[data-v-39cce5be]:after{left:33.3%}.switch__box.second__option button[data-v-39cce5be]:first-of-type{color:var(--white-07)}.switch__box.second__option button[data-v-39cce5be]:nth-of-type(2){color:var(--main-color)}.switch__box.second__option button[data-v-39cce5be]:last-of-type{color:var(--white-07)}.switch__box.second__option[data-v-39cce5be]:not(.three__options):after{left:50%}.switch__box.third__option[data-v-39cce5be]:after{left:66.6%}.switch__box.third__option button[data-v-39cce5be]:first-of-type,.switch__box.third__option button[data-v-39cce5be]:nth-of-type(2){color:var(--white-07)}.switch__box.third__option button[data-v-39cce5be]:last-of-type{color:var(--main-color)}.switch__box button[data-v-39cce5be]{border-radius:10px;color:var(--white-07);cursor:pointer;font-weight:500;line-height:100%;padding:12px 16px;transition:all .2s}.switch__box button[data-v-39cce5be]:first-of-type{color:var(--main-color)}.switch__box[data-v-39cce5be]:after{background-color:var(--dark-purple);border-radius:10px;content:"";height:100%;left:0;min-width:50%;position:absolute;top:0;transition:all .2s;z-index:-1}@media screen and (max-width:450px){.switch__box[data-v-39cce5be]{width:100%}.switch__box button[data-v-39cce5be]{padding:10px 12px}}