.openui-tabs{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--openui-space-l)}.openui-tabs-clear .openui-tabs-content{padding:var(--openui-space-3xs) 0;border:rgba(0,0,0,0)}.openui-tabs-clear .openui-tabs-list{border-radius:0;gap:var(--openui-space-l);background:none;padding:0;box-sizing:border-box;flex:1;display:flex;width:100%;position:relative;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.openui-tabs-clear .openui-tabs-list::-webkit-scrollbar{display:none}.openui-tabs-clear .openui-tabs-trigger{width:auto;min-width:0;border:0px;border-radius:var(--openui-radius-none);flex-shrink:0;padding:var(--openui-space-s) 0}.openui-tabs-clear .openui-tabs-trigger[data-state=active]{border:0px;box-shadow:none;background-color:rgba(0,0,0,0);font:var(--openui-text-label-default-heavy);letter-spacing:var(--openui-text-label-default-heavy-letter-spacing)}.openui-tabs-clear .openui-tabs-trigger:not([data-state=active]):hover{color:var(--openui-text-neutral-primary);border:0px;background-color:rgba(0,0,0,0)}.openui-tabs-clear .openui-tabs-list--icon-title-subtext .openui-tabs-trigger,.openui-tabs-clear .openui-tabs-list--image-title-subtext .openui-tabs-trigger{padding:var(--openui-space-m) 0}.openui-tabs-list-container{position:relative;display:flex;align-items:center;overflow:hidden}.openui-tabs-list-container::after{content:"";position:absolute;bottom:0;height:1px;left:0;right:0;border-bottom:1px solid var(--openui-border-default);pointer-events:none}.openui-tabs-indicator{position:absolute;bottom:0;left:0;height:1.5px;width:0;opacity:0;background-color:var(--openui-border-interactive-selected);pointer-events:none;z-index:1}.openui-tabs-scroll-button-container-left{position:absolute;height:100%;left:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:0 4px 0 0;background-color:var(--openui-foreground)}.openui-tabs-scroll-button-container-right{position:absolute;height:100%;right:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:0 0 0 4px;background-color:var(--openui-foreground)}.openui-tabs-scroll-button{display:flex;align-items:center;justify-content:center;cursor:pointer}.openui-tabs-scroll-button.openui-tabs-scroll-left{left:2px}.openui-tabs-scroll-button.openui-tabs-scroll-right{right:2px}.openui-tabs-list{width:100%;box-sizing:border-box;display:flex;gap:var(--openui-space-3xs);flex-direction:row;padding:var(--openui-space-2xs);border-radius:var(--openui-radius-l);background-color:var(--openui-sunk);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.openui-tabs-list::-webkit-scrollbar{display:none}.openui-tabs-trigger{cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--openui-space-s);box-sizing:border-box;padding:var(--openui-space-3xs) var(--openui-space-s);border:1px solid rgba(0,0,0,0);border-radius:var(--openui-radius-s);min-width:7.3rem;width:100%;background-color:rgba(0,0,0,0);color:var(--openui-text-neutral-secondary);font:var(--openui-text-label-default);letter-spacing:var(--openui-text-label-default-letter-spacing)}.openui-tabs-trigger[data-state=active]{background-color:var(--openui-elevated);border:1px solid var(--openui-border-default);color:var(--openui-text-neutral-primary);box-shadow:var(--openui-shadow-s)}.openui-tabs-trigger:not([data-state=active]):hover{background-color:var(--openui-sunk);border:1px solid var(--openui-border-default);color:var(--openui-text-neutral-secondary);box-shadow:var(--openui-shadow-s)}.openui-tabs-trigger-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--openui-space-3xs);min-width:0}.openui-tabs-trigger-text{width:auto;max-width:232px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.openui-tabs-trigger-subtext{font:var(--openui-text-label-xs);letter-spacing:var(--openui-text-label-xs-letter-spacing);color:var(--openui-text-neutral-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:232px}.openui-tabs-trigger-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;background:var(--openui-sunk)}.openui-tabs-trigger-icon svg{width:14px;height:14px}.openui-tabs-trigger-image{display:flex;align-items:center;justify-content:center;width:24px;height:24px;overflow:hidden;flex-shrink:0}.openui-tabs-trigger-image img{width:100%;height:100%;object-fit:cover}.openui-tabs-list--title .openui-tabs-trigger-content{align-items:center}.openui-tabs-list--icon-title .openui-tabs-trigger-content,.openui-tabs-list--image-title .openui-tabs-trigger-content{align-items:flex-start}.openui-tabs-list--icon-title .openui-tabs-trigger-icon,.openui-tabs-list--image-title .openui-tabs-trigger-icon{width:24px;height:24px;border-radius:var(--openui-radius-s)}.openui-tabs-list--icon-title .openui-tabs-trigger-icon svg,.openui-tabs-list--image-title .openui-tabs-trigger-icon svg{width:14px;height:14px}.openui-tabs-list--icon-title-subtext .openui-tabs-trigger,.openui-tabs-list--image-title-subtext .openui-tabs-trigger{align-items:flex-start}.openui-tabs-list--icon-title-subtext .openui-tabs-trigger-content,.openui-tabs-list--image-title-subtext .openui-tabs-trigger-content{align-items:flex-start}.openui-tabs-list--icon-title-subtext .openui-tabs-trigger-icon{width:36px;height:36px;border-radius:var(--openui-radius-m)}.openui-tabs-list--icon-title-subtext .openui-tabs-trigger-icon svg{width:16px;height:16px}.openui-tabs-list--image-title .openui-tabs-trigger-image{width:24px;height:24px;border-radius:var(--openui-radius-s)}.openui-tabs-list--image-title-subtext .openui-tabs-trigger-image{width:36px;height:36px;border-radius:var(--openui-radius-m)}.openui-tabs-content{box-sizing:border-box;padding:var(--openui-space-l);border:1px solid rgba(0,0,0,0);border-radius:var(--openui-radius-m);font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing)}.openui-tabs-content-inner{display:flex;flex-direction:column;gap:var(--openui-space-l)}