/**
 * @project goldorange-boilerplate
 * @author Jan Gehring, goldorange <jan.gehring@goldorange.com>
 *
 */
.tabs__tab{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:column;--bg-opacity:1;background-color:#51ae32;background-color:rgba(81,174,50,var(--bg-opacity));position:relative;font-size:calc(.875rem + .05vw);line-height:150%;letter-spacing:.025em;font-weight:600;text-align:center;--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));text-transform:uppercase;flex-grow:1;opacity:.75;padding-left:1rem;padding-right:1rem}@media (min-width:768px){.tabs__tab{flex-wrap:nowrap;flex-direction:row;flex-grow:0;padding-left:2rem;padding-right:2rem}}.tabs__tab:not(:last-child){margin-right:1px}.tabs__tab:focus,.tabs__tab:hover{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.tabs__tab:focus{outline:2px solid transparent;outline-offset:2px}.tabs__tab.is--active{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));opacity:1}.tabs__bar{display:flex;overflow:hidden}.tabs__scroller{display:flex;flex-grow:1;height:4rem;white-space:nowrap}.tabs__content,.tabs__scroller{position:relative}.tabs__panel:focus{outline:2px solid transparent;outline-offset:2px}
/*# sourceMappingURL=tab.css.map */