body{font-family:Roboto,sans-serif}.tabs-container{flex-direction:column}.tabs,.tabs-container{display:flex;width:100%}.tabs{justify-content:space-between}.tab{cursor:pointer;flex-grow:1;font-size:20px;font-weight:700;margin-right:16px;padding:16px;text-align:center;transition:background-color .3s,color .3s}.tab:last-child{margin-right:0}.tab:not(.selected){background-color:#8acee8;border:none;color:#0d1317}.tab:not(.selected):hover{background-color:#a6a6a6;color:#fff}.tab.selected{background-color:#0095cc;border:none;color:#fff;position:relative}.tab.selected:after{border-left:16px solid transparent;border-right:16px solid transparent;border-top:16px solid #0095cc;bottom:-16px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.tab-content{border-top:none;display:none;font-size:16px;padding:24px 0 0}.tab-content.active{display:block}