@reference "tailwindcss";.x-tab{align-items:center;border-radius:20px;cursor:pointer;display:inline-flex;flex:none;gap:.625rem;height:35px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));font-size:16px;line-height:1;padding:.5rem 1rem}.x-tab:hover{color:var(--color-first)}.x-tab:is(.dark *){--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.x-tab label{cursor:pointer}.x-tab.--selected{background-color:var(--color-first);cursor:default;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.x-tab.--selected:hover{opacity:1}.x-tab.--selected:is(.dark *){background-color:var(--color-first-dark)}.x-tab.--selected label{cursor:default}