.tabs{position:relative;display:flex;gap:var(--gap-1);width:max-content;max-width:100%;margin:0 0 var(--margin-4);padding:var(--padding-1);border:var(--line);border-radius:var(--radius-pill);background-color:var(--bg-soft);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs .btn--tab{z-index:var(--z-local-2);flex:none;padding:var(--padding-3);border-color:transparent;background-color:transparent;white-space:nowrap}.tabs .btn--tab:hover:not(.is-active){border-color:transparent;background-color:var(--bg);color:var(--text)}.tabs .btn--tab.is-active{border-color:transparent;background-color:var(--accent);color:var(--text-on-accent)}.tabs .btn--tab:focus-visible{outline-offset:2px}.tabs .btn--tab.u-ripple:before{background-color:var(--text)}@supports (anchor-name: --tabs-active){.tabs{anchor-scope:--tabs-active}.tabs .btn--tab.is-active{anchor-name:--tabs-active;background-color:transparent}.tabs:before{content:"";position:absolute;position-anchor:--tabs-active;inset:anchor(top) anchor(right) anchor(bottom) anchor(left);z-index:var(--z-local-1);border-radius:var(--radius-pill);background-color:var(--accent);pointer-events:none;transition:inset var(--duration-base) var(--easing-standard)}}@media(prefers-reduced-motion:reduce){.tabs:before{transition:none}}@property --tabs-fade-start{syntax: "<length>"; inherits: false; initial-value: 0;}@property --tabs-fade-end{syntax: "<length>"; inherits: false; initial-value: 0;}@supports (animation-timeline: scroll()){.tabs{-webkit-mask-image:linear-gradient(to right,transparent,black var(--tabs-fade-start),black calc(100% - var(--tabs-fade-end)),transparent);mask-image:linear-gradient(to right,transparent,black var(--tabs-fade-start),black calc(100% - var(--tabs-fade-end)),transparent);animation:tabs-fade linear both;animation-timeline:scroll(self inline)}}@keyframes tabs-fade{0%{--tabs-fade-start: 0px;--tabs-fade-end: var(--size-6)}10%{--tabs-fade-start: var(--size-6)}90%{--tabs-fade-end: var(--size-6)}to{--tabs-fade-start: var(--size-6);--tabs-fade-end: 0px}}