.tabs{display:flex;position:relative;overflow:hidden}.tabs--full{width:100%}.tabs--full .tabs__item{flex:1}.tabs__item{padding:1rem;text-transform:uppercase;color:var(--tabs-text);font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;border-bottom:.125rem solid var(--tabs-border);transition-duration:.3s;text-align:center}.tabs__item:hover{border-color:var(--tabs-hover-border)}.tabs__item--active{color:var(--tabs-active-text)}.tabs__underline{position:absolute;height:.125rem;transition-duration:.3s;background-color:var(--tabs-active-border);bottom:0}