.tabs{width:100%;padding:.5rem;background-color:#f4f4f4;border-radius:1rem}.tabs--nav{display:flex;gap:1.5rem}.tabs--tab{background-color:#f3f4f6;border:none;flex:1 1;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;border-radius:.75rem;transition:all .2s ease;white-space:nowrap;outline:none}.tabs--tab:hover{background-color:#eaeaea;color:#0a0a0a}.tabs--tab--active{box-shadow:0 1px 3px rgba(0,0,0,.1)}.tabs--tab--active,.tabs--tab--active:hover{background-color:#fff;color:#844be0}