.atabs{display:flex;flex-direction:column}.atabs>.titles{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;border-left:1px solid #ddd}.atabs>.titles>span{padding:8px 16px;border:1px solid #ddd;border-left:none;border-bottom:none;background:#eee;font-weight:700;cursor:pointer;user-select:none}.atabs>.titles>.spacer{flex-grow:1;flex-shrink:1;border:none;background:0 0;border-right:1px solid #ddd}.atabs>.titles>span.active{transform:translateY(1px);margin-top:-1px;border-bottom:1px solid #fff;background:#fff}.atabs>.pages{border:1px solid #ddd}.atabs>.pages>div:not(.active){display:none}