.tabs{--tab-border-width:1px;--tab-padding:4px;scrollbar-width:none;isolation:isolate;overflow-x:auto;display:flex;padding:calc(var(--tab-padding) - var(--tab-border-width));font-size:0;background-color:#f5f3ed;border:var(--tab-border-width) solid rgb(35 35 35/.1);border-radius:9999px}.tabs::-webkit-scrollbar{display:none}.tabs__item{position:relative;flex-grow:1}.tabs__input{position:absolute;opacity:0}.tabs__label{--label-line-height-adjustment:1.273;--label-background-color:rgb(255 255 255 / 0);--label-border-color:rgb(35 35 35 / 0);-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:100%;padding:8px;line-height:var(--label-line-height-adjustment);text-align:center;text-indent:0;background-color:var(--label-background-color);border:1px solid var(--label-border-color);border-radius:9999px;transition:background-color .1s cubic-bezier(.4,0,.2,1),border-color .1s cubic-bezier(.4,0,.2,1)}.tabs__input:focus-visible+.tabs__label,.tabs__input:checked+.tabs__label{--label-background-color:rgb(255 255 255 / 1);--label-border-color:rgb(35 35 35 / .1)}@media (hover:hover){.tabs__label:hover{--label-background-color:rgb(231 228 218 / 1)}}.tabs__input:not(:checked)+.tabs__label{cursor:pointer}