.tabs{width:100%}.tabs .pane{display:none}.tabs .pane.active{display:block}.pane__filters>ul,.tabs .tabs__nav>ul{align-items:center;display:flex;justify-content:flex-start;list-style:none;margin:0;padding:0}.tabs .tabs__nav>ul{position:relative}.tabs .tabs__nav>ul:before{bottom:0;content:"";left:0;opacity:.8;position:absolute;right:0;top:0;z-index:-1}.tabs .tabs__nav>ul>li{cursor:pointer;padding:1em}.tabs .pane__content{padding:40px}.tabs.tabs--vertical{display:flex}.tabs.tabs--vertical>:first-child ul{flex-direction:column}.tabs.tabs--vertical>:first-child{width:300px}.tabs.tabs--vertical .tabs__nav li{width:100%}.tabs.tabs--vertical>:last-child{width:calc(100% - 300px)}.tabs.tabs--vertical .pane,.tabs.tabs--vertical .pane .pane__content{height:100%}.tabs .tabs__nav>ul:before{background-color:var(--primary-color)}.tabs .tabs__nav>ul>li a{color:var(--light-color)}.tabs .tabs__nav>ul>li.active,.tabs__nav>ul>li:hover{background-color:var(--primary-color)}.tabs .pane__content{background-color:var(--light-color);border:2px solid var(--primary-color)}.tabs .tabs__nav ul li,.tabs .tabs__nav ul li a{align-items:center;display:flex;justify-content:flex-start;transition:all .5s ease-in-out}.tabs.style--icon .tabs__icon{margin-right:.5em;width:1.5em}.tabs.style--icon ul li .tabs__icon svg{fill:var(--primary-color);transition:all .5s ease-in-out}.tabs.style--icon ul li.active .tabs__icon svg,.tabs.style--icon ul li:hover .tabs__icon svg{fill:var(--light-color)}.tabs.style--numbered .tabs__nav ul li{counter-increment:inst}.tabs.style--numbered .tabs__nav ul li:before{align-items:center;color:var(--primary-color);content:"0" counter(inst);display:flex;font-size:1.7em;justify-content:center;margin-right:.5em;white-space:nowrap}.tabs.style--numbered .tabs__nav ul li.active:before,.tabs.style--numbered .tabs__nav ul li:hover:before{color:var(--light-color)}.pane__content *{color:var(--dark-color)}@media screen and (max-width:767px){.tabs .tabs__nav>ul>li{padding:.5em}}