.example .tabs{--color-bg: #f8f8f2;--color-selected: #ccccc7;--color-success: #a6e22e;height:200px}.example .tabs [data-tabs]{display:flex;flex-direction:column;gap:8px;height:100%;font-size:larger}.example .tabs [data-tabs-bar]{display:flex}.example .tabs [data-tabs-list]{overflow-x:auto;scrollbar-width:thin;display:flex;gap:.2rem;padding:.2rem;background-color:var(--color-bg);border-radius:10px}.example .tabs [data-tabs-header]{position:relative;width:min-content!important;height:min-content!important;padding:.5rem 2rem;border-radius:10px;background-color:var(--color-bg)}.example .tabs [data-tabs-header][aria-selected=true]{background-color:var(--color-selected)}.example .tabs [data-tabs-header][data-over=true]{background-color:var(--color-success)}.example .tabs [data-tabs-content]{flex-grow:1;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);border-radius:15px}.example .tabs [data-tabs-content][data-over=true]{background-color:var(--color-success)}