.tab-title{background:transparent;border:none;padding:10px 20px;cursor:pointer;font-size:16px;text-align:center;color:#555;transition:color .3s,border-color .3s;margin-right:10px}.tab-title.active{color:#007bff;border-bottom:2px solid #007bff}.tab-title-text{display:inline-block;padding:0 5px}.tab-title[aria-selected=true]{color:#007bff;border-bottom:2px solid #007bff}.tab-title[aria-selected=false]{color:#555}.tab-title:hover{color:#0056b3}.tab-title{transition:color .3s,border-bottom .3s}.tab{overflow:hidden;border:1px solid #ccc;background-color:#f1f1f1}.tab button{background-color:inherit;float:left;border:none;outline:none;cursor:pointer;padding:14px 16px;transition:.3s;font-size:17px}.tabs button:hover{background-color:#ddd}.tab button.active{background-color:#ccc}.tabcontent{display:none;padding:6px 12px;border:1px solid #ccc;border-top:none}