.tabs[data-v-5523ab7d]{border:1px solid rgba(22,17,19,.4);border-radius:var(--radius);position:relative;z-index:1}.tabs[data-v-5523ab7d]:before{background:#504c4b;border-radius:4px;content:"";height:100%;left:0;position:absolute;top:0;transform:translate(0);transition:var(--ease);width:50%;z-index:-1}.tabs label[data-v-5523ab7d]{cursor:pointer;display:grid;grid-template-columns:repeat(2,1fr);width:200px}.tabs__item[data-v-5523ab7d]{font-size:18px;line-height:48px;text-align:center;transition:var(--ease);-webkit-user-select:none;-moz-user-select:none;user-select:none}.tabs__item[data-v-5523ab7d]:first-child{color:var(--white)}.tabs input[data-v-5523ab7d]{display:none}.tabs[data-v-5523ab7d]:has(input:checked):before{transform:translate(100%)}.tabs:has(input:checked) .tabs__item[data-v-5523ab7d]:first-child{color:var(--black)}.tabs:has(input:checked) .tabs__item[data-v-5523ab7d]:last-child{color:var(--white)}