.toolbox-tabs { font-family: 'Source Sans Pro', 'tenforce', Arial, sans-serif; font-kerning: normal; -webkit-font-variant-ligatures: no-common-ligatures; font-variant-ligatures: no-common-ligatures; -webkit-font-feature-settings: "kern" 1,"liga" 0; font-feature-settings: "kern" 1,"liga" 0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; }

.toolbox-tabs__nav { position: relative; display: flex; flex-direction: row; align-items: center; overflow: hidden; flex-wrap: wrap; }

.toolbox-tabs__nav-link { outline: 0; border: 0; position: relative; display: inline-block; padding: 0 0 .125rem 0; margin: .25rem 1rem .125rem 0; overflow: hidden; color: #A87E2E; top: 0; transition: all .1s ease-in-out; }

.toolbox-tabs__nav-link:hover { top: 2px; }

.toolbox-tabs__nav-link:hover:focus { animation: focusHover .3s ease-in-out forwards; }

.toolbox-tabs__nav-link:focus { animation: focus .3s ease-in-out forwards; }

.toolbox-tabs__nav-link:active { filter: hue-rotate(-20deg); }

.toolbox-tabs__nav-link::after { content: ''; position: absolute; bottom: 0; height: 2px; width: 100%; background-color: black; left: 0; opacity: 0; animation: tabNavDeactivate .3s ease-in-out forwards, opacity100 .15s ease-in .3s forwards; }

.toolbox-tabs__nav-link.is-disabled::after { left: -100%; animation: tabNavActive .3s ease-in-out forwards, opacity100 .15s ease-in .3s forwards; }

.toolbox-tabs--inverted .toolbox-tabs__nav-link { color: #D99B00; }

.toolbox-tabs--inverted .toolbox-tabs__nav-link.is-disabled { color: #FFF; }

.toolbox-tabs--inverted .toolbox-tabs__nav-link::after { background-color: #FFF; }

@keyframes tabNavDeactivate { 100% { left: 100%; } }

@keyframes tabNavActive { 100% { left: 0; } }
