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