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