.switch__box[data-v-a030ffe1]{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 button[data-v-a030ffe1]{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-a030ffe1]:last-of-type{color:var(--main-color)}.switch__box[data-v-a030ffe1]:after{background-color:var(--dark-purple);border-radius:10px;content:"";height:100%;min-width:50%;position:absolute;right:0;top:0;transition:all .2s;z-index:-1}.switch__box.left__active button[data-v-a030ffe1]:first-of-type{color:var(--main-color)}.switch__box.left__active button[data-v-a030ffe1]:last-of-type{color:var(--white-07)}.switch__box.left__active[data-v-a030ffe1]:after{right:50%}@media screen and (max-width:450px){.switch__box[data-v-a030ffe1]{width:100%}}