.component.pills{margin:0;padding:0;background:none}.component.pills ul{display:flex;flex-direction:row;align-items:stretch;margin:0;padding:0;list-style-type:none}.component.pills .componentTitle+ul{margin:10px 0 20px}.component.pills .pill{display:flex;margin:0 4px 0 0;white-space:nowrap;letter-spacing:.2px}.component.pills .lastPill{margin-right:0}.component.pills .pill>button{display:inline-block;margin:0;padding:5px;border:1px solid var(--border-color);border-radius:2px}.component.pills .pill>button:not(:hover){color:var(--action-color)}.component.pills .pill.active>button{color:var(--highlight-color);background-color:var(--highlight-bk-color)}.component.pills.underlined{border-bottom:1px solid var(--border-color);border-radius:0}.component.pills.underlined .pill{width:100px;margin:0 20px 0 0;line-height:normal}.component.pills.underlined .pill>button{display:inline-block;padding:0 0 8px;border:none;border-radius:0;background:none;color:#000;outline:none}.component.pills.underlined .pill.active>button{border-bottom:2px solid var(--highlight-bk-color);font-weight:700}.component.pills.group .pill{margin:0}.component.pills.group .pill>button{border-radius:0;border:none;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color)}.component.pills.group .pill:first-child>button{border-top-left-radius:2px;border-bottom-left-radius:2px;border-left:1px solid var(--border-color)}.component.pills.group .pill:last-child>button{border-top-right-radius:2px;border-bottom-right-radius:2px;border-right:1px solid var(--border-color)}.component.pills.group .pill.active>button{color:var(--highlight-color);background-color:var(--highlight-bk-color)}.component.pills.toolbar{float:left;margin:4px 4px 0 0}.component.pills.toolbar>.componentTitle{float:left;margin:0;border:none;padding:5px 5px 5px 0}.component.pills.toolbar .componentTitle+ul{margin:0}.component.pills.fitWidth ul{display:flex}.component.pills.fitWidth li{flex-grow:1}.component.pills.fitWidth li>button{display:block;flex:1;text-align:center}