:root{--flex-tabs-primary:#0081c6;--flex-tabs-accent:#f45e06;--flex-tabs-border:#e6eef6;--flex-tabs-text:#222;--flex-tabs-radius:6px;--flex-tabs-gap:0.5rem}.flex-tabs{color:var(--flex-tabs-text);font-family:inherit;margin-top:3rem}.flex-tabs .tab-list{align-items:center;border-bottom:1px solid var(--flex-tabs-border);display:flex;flex-wrap:wrap;gap:var(--flex-tabs-gap);list-style:none;margin:0 0 1.5rem;padding:0 0 1.5rem}.flex-tabs .tab-list.left{justify-content:flex-start}.flex-tabs .tab-list.center{justify-content:center}.flex-tabs .tab-list.right{justify-content:flex-end}.flex-tabs .tab-list li{margin:0}.flex-tabs .tab-btn{background:transparent;border:1px solid var(--flex-tabs-border);border-radius:var(--flex-tabs-radius);color:inherit;cursor:pointer;font-size:16px;font-weight:500;padding:.75rem 1.25rem;transition:background .12s ease,border-color .12s ease,color .12s ease}.flex-tabs .tab-btn:hover{background:rgba(0,0,0,.02)}.flex-tabs .tab-btn:focus{outline:3px solid rgba(0,129,198,.18);outline-offset:2px}.flex-tabs .tab-btn.active,.flex-tabs .tab-btn[aria-selected=true]{background:var(--flex-tabs-primary);border-color:var(--flex-tabs-primary);color:#fff;font-weight:600}.flex-tabs .tab-panels{border-top:1px solid var(--flex-tabs-border);padding-top:1rem}.flex-tabs .tab-panel{display:none}.flex-tabs .tab-panel.active{display:block}.flex-tabs .accordion-header{align-items:center;background:transparent;border:0;border-top:1px solid var(--flex-tabs-border);color:inherit;cursor:pointer;display:none;font-size:1rem;justify-content:space-between;margin:0;padding:.75rem .5rem;text-align:left;width:100%}.flex-tabs .accordion-header:hover{background:rgba(0,0,0,.02)}.flex-tabs .accordion-header:focus{outline:3px solid rgba(0,129,198,.18);outline-offset:2px}.flex-tabs .accordion-header[aria-expanded=true]{background:rgba(0,129,198,.06);font-weight:600}.flex-tabs .accordion-icon{color:var(--flex-tabs-primary);font-weight:700;margin-left:.5rem;transform-origin:center;transition:transform .2s ease}.flex-tabs .accordion-header[aria-expanded=true] .accordion-icon{transform:rotate(180deg)}.flex-tabs.accordion-mode .tab-list{display:none}.flex-tabs.accordion-mode .accordion-header{display:flex}.flex-tabs .panel-accent{border-left:4px solid var(--flex-tabs-accent);padding-left:.75rem}