.component.pills{margin:0;padding:0;background:none}.component.pills ul{overflow:hidden}.component.pills .componentTitle+ul{margin:10px 0 20px}.component.pills .pill{float:left;margin:0 4px 0 0;letter-spacing:.2px}.component.pills .lastPill{margin-right:0}.component.pills .pill>a{display:inline-block;margin:0;padding:5px;border:1px solid #aaa;border-radius:2px;color:var(--text-color)}.component.pills .pill:hover>a{color:var(--highlight-color)}.component.pills .pill.active>a{color:var(--highlight-secondary-color);background:var(--highlight-color)}.component.pills.underlined{border-bottom:1px solid #aaa;border-radius:0}.component.pills.underlined .pill{width:100px;margin:0 20px 0 0;line-height:normal}.component.pills.underlined .pill>a{display:inline-block;padding:0 0 8px;border:none;border-radius:0;background:none;color:#000;outline:none}.component.pills.underlined .pill.active>a{border-bottom:2px solid var(--highlight-color);font-weight:700}.component.pills.group .pill{margin:0}.component.pills.group .pill>a{border-radius:0;border:1px solid #aaa;border-left:none}.component.pills.group .pill:first-child>a{border-top-left-radius:2px;border-bottom-left-radius:2px;border-left:1px solid #aaa}.component.pills.group .pill.lastPill>a{border-top-right-radius:2px;border-bottom-right-radius:2px;border-right:1px solid #aaa}.component.pills.group .pill.active a{color:var(--highlight-secondary-color);background-color:var(--highlight-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 a{display:block;text-align:center}