.tabs_rootClass{border:1px solid #eee;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;max-width:20rem}.tabs_rootClass[data-orientation=horizontal]{flex-direction:column}.tabs_listClass{background-color:#eee;display:flex;flex-shrink:0}.tabs_listClass[data-orientation=vertical]{flex-direction:column}.tabs_triggerClass{all:unset;flex-shrink:0;font-weight:500;line-height:1;padding:.4em .6em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tabs_triggerClass[data-orientation=horizontal]{border-bottom:4px solid var(--border-color,transparent);border-top:4px solid transparent}.tabs_triggerClass[data-orientation=vertical]{border-right:4px solid var(--border-color,transparent);padding:.6em}.tabs_triggerClass[data-disabled]{color:#ccc}.tabs_triggerClass[data-state=active]{--border-color:crimson}.tabs_triggerClass:focus{--border-color:#111;outline:1px solid var(--border-color)}.tabs_triggerClass:focus[data-state=active]{--border-color:crimson}.tabs_contentClass{flex-grow:1;font-size:.85em;font-weight:300;line-height:1.65;padding:1em}.tabs_contentClass[data-orientation=horizontal]{border-top:none}.tabs_contentClass[data-orientation=vertical]{border-left:none}@keyframes tabs_show{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tabs_animatedContentClass{flex-grow:1;font-size:.85em;font-weight:300;line-height:1.65;padding:1em}.tabs_animatedContentClass[data-orientation=horizontal]{border-top:none}.tabs_animatedContentClass[data-orientation=vertical]{border-left:none}.tabs_animatedContentClass[data-state=active]{animation:tabs_show .4s ease}.tabs_contentAttrClass,.tabs_listAttrClass,.tabs_rootAttrClass,.tabs_triggerAttrClass{background-color:#0000ff4d;border:2px solid blue;padding:10px}.tabs_contentAttrClass:disabled,.tabs_listAttrClass:disabled,.tabs_rootAttrClass:disabled,.tabs_triggerAttrClass:disabled{opacity:.5}.tabs_contentAttrClass[data-disabled],.tabs_listAttrClass[data-disabled],.tabs_rootAttrClass[data-disabled],.tabs_triggerAttrClass[data-disabled]{border-style:dashed}.tabs_contentAttrClass[data-state=inactive],.tabs_listAttrClass[data-state=inactive],.tabs_rootAttrClass[data-state=inactive],.tabs_triggerAttrClass[data-state=inactive]{border-color:#dc143c}.tabs_contentAttrClass[data-state=active],.tabs_listAttrClass[data-state=active],.tabs_rootAttrClass[data-state=active],.tabs_triggerAttrClass[data-state=active]{border-color:green}.tabs_contentAttrClass{display:block}
