.tab-group{display:flex;flex-direction:column}.tab-group__header{display:flex;overflow:hidden;position:relative;flex-shrink:0}.tab-group__labels{display:flex;border-bottom:1px solid rgba(0,0,0,.12);width:100%}.tab-group__labels--centered{justify-content:center;margin:0 auto;padding:0 24px;width:auto}.tab-group__labels--wrapped{flex-flow:row wrap}.tab__label{font-size:.917em;font-weight:600;line-height:24px;text-align:center;white-space:nowrap;height:48px;padding:0 12px;display:inline-flex;justify-content:center;align-items:center;position:relative;cursor:pointer;text-decoration:none;color:rgba(0,0,0,.9)}.tab__label:before{content:"";position:absolute;display:block;height:2px;width:60%;bottom:0;left:50%;background:#757575;opacity:0;transform:translateX(-50%);transition:width .2s,opacity .2s}.tab__label:focus,.tab__label:hover{color:rgba(0,0,0,.9)}.tab__label:focus:before,.tab__label:hover:before{width:100%;opacity:1}.tab__label--active::before{background:#f224f2;width:100%;opacity:1}.tab__label--active .tab__label-content{opacity:1}.tab__label-content{display:inline-flex;align-content:center;align-items:center;white-space:nowrap;opacity:.6;transition:opacity .2s;line-height:1}.tab__content{padding:24px}.tab:not(.tab--active){display:none}