.tabs{gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.tabs-navigation{min-width:0;max-width:100%}.tabs-navigation--full-width{width:100%}.tabs__list-container{border-radius:var(--radius-md);min-width:0;max-width:100%;position:relative;overflow:hidden}.tabs__list-container:before,.tabs__list-container:after{content:"";z-index:3;background-color:var(--background-tertiary);backdrop-filter:blur(3px);opacity:0;pointer-events:none;width:32px;transition:opacity .2s;position:absolute;top:0;bottom:0}.tabs__list-container:before{left:0;mask-image:linear-gradient(90deg,#000,#0000)}.tabs__list-container:after{right:0;mask-image:linear-gradient(270deg,#000,#0000)}.tabs__list-container--overflow-left:before,.tabs__list-container--overflow-right:after{opacity:1}.tabs__list{min-height:42px;padding:var(--padding-xs);background-color:var(--background-tertiary);border-radius:var(--radius-md);scroll-behavior:smooth;align-items:center;display:flex;position:relative;overflow:auto hidden}.tabs__list::-webkit-scrollbar{display:none}.tabs__list--fixed-width{grid-auto-columns:1fr;grid-auto-flow:column;width:fit-content;display:grid}.tabs__list--fixed-width .tabs__tab{flex:none;width:100%}.tabs__list--full-width{width:100%}.tabs__list--full-width .tabs__tab{flex:1 1 0}.tabs__indicator{top:var(--padding-xs);bottom:var(--padding-xs);z-index:1;background-color:var(--background-primary);border-radius:var(--radius-sm);pointer-events:none;position:absolute;left:0;box-shadow:0 2px 4px #0000000a}.tabs__tab{z-index:2;min-height:34px;padding:0 var(--padding-lg);cursor:pointer;white-space:nowrap;color:var(--text-primary);opacity:.6;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:1 0 auto;justify-content:center;align-items:center;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:relative}.tabs__tab:hover:not(:disabled){opacity:.8}.tabs__tab:after{content:"";background-color:var(--stroke-primary);opacity:1;width:1px;height:16px;transition:opacity .2s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.tabs__tab:last-child:after,.tabs__tab--active:after{display:none}.tabs__tab--active{opacity:1}.tabs__tab:has(+.tabs__tab--active):after{opacity:0}.tabs__panel{width:100%;padding-top:var(--spacing-xs)}