.tabs{display:flex}.tabs>ul{list-style-type:none;margin:0;padding:0}.tabs>ul li{display:block}.tabs>ul li a,.tabs>ul li a:visited{display:flex;border-bottom:0;text-decoration:none;background-color:#000;color:#fff;padding:1rem 1.5rem;transition:all .2s ease-in-out;word-wrap:break-word}.tabs>ul li a:hover,.tabs>ul li a:focus,.tabs>ul li a:active{border-bottom:0;outline:0}.tabs>ul li a.active{background-color:#fff;color:#0067b8}.tabs>ul li a:hover:not(.active){color:#0067b8}.tabs>ul li a>span{width:100%;display:flex;align-items:center;justify-content:center;text-align:center}.tabs .tab-body{width:85%;background-color:#fff;padding:1rem;display:none;word-wrap:break-word;border-bottom:6px solid #00e6d4}.tabs .tab-body>*{opacity:0;transform:translateY(20px);transition:opacity .2s,transform .2s}.tabs .tab-body.active{display:flex;align-items:center}.tabs .tab-body.active-content>*{opacity:1;transform:translateY(0)}@media(max-width:480px){.tabs{flex-flow:column wrap}.tabs>ul li a{flex-wrap:wrap}.tabs>ul li a>span{width:100%}.tabs>ul li a>span.tab-label{width:100%;display:block;margin-top:.2rem}.tabs .tab-body{padding:2rem 2rem;width:100%}}