.tabs{width:100%}.tabs[css-is-vertical=true]{display:flex;height:400px}.tabs[css-is-vertical=true] .tabs-header{flex-direction:column;width:auto;height:100%}.tabs[css-is-vertical=true] .tabs-header-list{flex-direction:column;height:100%;border-right:1px solid #e0e0e0;border-bottom:none;overflow-x:hidden;overflow-y:auto}.tabs[css-is-vertical=true] .tabs-header-list-indicator{top:var(--indicator-top,0);bottom:auto;left:auto;right:0;width:var(--indicator-width,2px);height:var(--indicator-height,0);transition:top .3s ease-in-out,height .3s ease-in-out}.tabs-header{position:relative;display:flex;align-items:center;gap:8px;transform:translateZ(0);will-change:contents}.tabs-header[css-is-vertical=true]{flex-direction:column}.tabs-header-list{position:relative;display:flex;flex:1;border-bottom:1px solid #e0e0e0;overflow-x:auto;overflow-y:hidden;cursor:grab;scrollbar-width:none;-ms-overflow-style:none}.tabs-header-list::-webkit-scrollbar{display:none}.tabs-header-list[css-is-dragging=true]{cursor:grabbing}.tabs-header-list[css-variant=standard]{justify-content:flex-start}.tabs-header-list[css-variant=full_width]{justify-content:space-between}.tabs-header-list[css-variant=full_width] .tabs-header-list-item{flex:1;text-align:center}.tabs-header-list[css-is-vertical=true]{flex-direction:column;width:100%;overflow-x:hidden;overflow-y:auto}.tabs-header-list-item{position:relative;padding:12px 24px;flex-shrink:0;overflow:hidden;white-space:nowrap;font-family:PingFang SC,sans-serif;font-size:14px;font-weight:500;text-align:center;color:#666;cursor:pointer;user-select:none;transition:color .3s}.tabs-header-list-item:hover:not([css-is-disabled=true]){color:var(--selected-color,#1976d2)}.tabs-header-list-item[css-is-active=true]{font-weight:600;color:var(--selected-color,#1976d2)}.tabs-header-list-item[css-is-disabled=true]{color:#ccc;cursor:not-allowed}.tabs-header-list-indicator{left:var(--indicator-left,0);top:var(--indicator-top,auto);width:var(--indicator-width,0);height:var(--indicator-height,2px);transition:left .3s ease-in-out,width .3s ease-in-out,top .3s ease-in-out,height .3s ease-in-out}.tabs-header-list-hover_indicator,.tabs-header-list-indicator{position:absolute;bottom:0;background-color:var(--indicator-color,#1976d2)}.tabs-header-list-hover_indicator{z-index:0;pointer-events:none;transition:all .3s ease-in-out}.tabs-nav{position:var(--navigation-position,relative);z-index:1;display:flex;align-items:center;justify-content:center;width:32px;height:40px;min-width:32px;min-height:40px;padding:0;border:1px solid #e0e0e0;border-radius:4px;flex-shrink:0;font-size:20px;color:#666;background:#fff;cursor:pointer;user-select:none;transition:all .2s,opacity .3s ease-in-out;will-change:opacity}.tabs-nav[css-is-disabled=true]{pointer-events:none}.tabs-nav[css-position=prev]{left:var(--prev-left,auto);top:var(--prev-top,auto);opacity:var(--prev-opacity,1);transform:var(--prev-transform,none)}.tabs-nav[css-position=next]{top:var(--next-top,auto);right:var(--next-right,auto);bottom:var(--next-bottom,auto);left:var(--next-left,auto);opacity:var(--next-opacity,1);transform:var(--next-transform,none)}.tabs-nav:hover{border-color:var(--selected-color,#1976d2);color:var(--selected-color,#1976d2);background:#f5f5f5}.tabs-nav:active[css-position=prev]{transform:var(--prev-transform,none) scale(.95)}.tabs-nav:active[css-position=next]{transform:var(--next-transform,none) scale(.95)}.tabs-nav[css-is-vertical=true]{width:40px;height:32px;min-width:40px;min-height:32px}.tabs-shadow{position:absolute;z-index:0;width:60px;height:100%;pointer-events:none;transition:opacity .3s ease-in-out}.tabs-shadow[css-position=first]{top:0;left:0;background:linear-gradient(90deg,rgba(157,156,156,.22),transparent)}.tabs-shadow[css-position=last]{top:0;right:0;background:linear-gradient(270deg,rgba(157,156,156,.22),transparent)}.tabs-shadow[css-is-vertical=true]{width:100%;height:60px}.tabs-shadow[css-is-vertical=true][css-position=first]{top:0;left:0;background:linear-gradient(180deg,rgba(157,156,156,.22),transparent)}.tabs-shadow[css-is-vertical=true][css-position=last]{top:auto;bottom:0;left:0;background:linear-gradient(0deg,rgba(157,156,156,.22),transparent)}.tabs-ripple{position:absolute;border-radius:50%;animation:ripple-animation .6s ease-out;transform:scale(0);pointer-events:none}@keyframes ripple-animation{to{opacity:0;transform:scale(4)}}