.tabs__header{margin-bottom:calc(var(--gutter-v)*.5);max-width:68ch}.tabs__header p:last-child{margin-bottom:0}.tabs__body{min-width:0}.tabs__list-wrap{margin-bottom:calc(var(--gutter-v)*.5);max-width:100%;min-width:0;position:relative}.tabs__list-wrap:after,.tabs__list-wrap:before{bottom:0;content:"";opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity var(--speed-fast) var(--ease-soft);width:3.6rem;z-index:2}.tabs__list-wrap:before{background:linear-gradient(to right,var(--surface) 0,transparent 100%);left:0}.tabs__list-wrap:after{background:linear-gradient(to left,var(--surface) 0,transparent 100%);right:0}.tabs__list-wrap--overflow.tabs__list-wrap--can-left:before,.tabs__list-wrap--overflow.tabs__list-wrap--can-right:after{opacity:1}.tabs__list{background-color:var(--surface-2);border:.1rem solid var(--border-subtle);border-radius:var(--radius-pill);flex-wrap:nowrap;gap:.4rem;max-width:100%;min-width:0;padding:.5rem;position:relative;scroll-snap-type:none;touch-action:pan-x;width:100%;z-index:1}.tabs__list>.tabs__tab{flex:0 0 auto;scroll-snap-align:none}.tabs__list--center{justify-content:flex-start}@media (max-width:767px){.tabs{overflow:hidden}.tabs__list-wrap{max-width:none;width:calc(50% + 50vw)}.tabs__list{padding-right:2.4rem}}@media (min-width:768px){.tabs__list-wrap{max-width:100%;width:fit-content}.tabs__list--center,.tabs__list-wrap--center{margin-left:auto;margin-right:auto}}.tabs__tab{color:var(--text-muted);cursor:pointer;font-size:1.5rem;font-weight:700;margin:0;padding:1rem 2rem;position:relative;transition:color var(--speed-fast) var(--ease-soft);white-space:nowrap;z-index:1}.tabs__tab,.tabs__tab:hover{background:none;border:0;border-radius:var(--radius-pill)}.tabs__tab:hover{color:var(--text);transform:none}.tabs__tab[aria-selected=true]{color:var(--on-accent)}.tabs__tab:focus-visible{box-shadow:var(--focus-ring);outline:none}.tabs__indicator{background-color:var(--accent);border-radius:var(--radius-pill);height:calc(100% - 1rem);left:0;opacity:0;position:absolute;top:.5rem;transform:translateZ(0);transition:transform var(--speed-base) var(--ease-out),width var(--speed-base) var(--ease-out),opacity var(--speed-fast) var(--ease-soft);width:0;z-index:0}.tabs__body[data-tabs-ready] .tabs__indicator{opacity:1}.tabs__panel{align-items:center;display:grid;gap:calc(var(--gutter-h)*.4);grid-template-columns:minmax(0,1fr)}.tabs__panel[hidden]{display:none}.tabs__panel:focus-visible{border-radius:var(--box-corner-radius);box-shadow:var(--focus-ring);outline:none}@media (min-width:992px){.tabs__panels--split .tabs__panel:has(.tabs__panel-media){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.tabs__panel-text{display:flex;flex-direction:column;gap:1.2rem}.tabs__panel-heading{margin:0}.tabs__panel-text p:last-child{margin-bottom:0}.tabs__panel-media{border-radius:var(--box-corner-radius);overflow:hidden}.tabs__body[data-tabs-ready] .tabs__panel{animation:tabs-panel-in var(--speed-base) var(--ease-out) both}@keyframes tabs-panel-in{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}.tabs__body:not([data-tabs-ready]) .tabs__list-wrap{display:none}.tabs__body:not([data-tabs-ready]) .tabs__panel+.tabs__panel{margin-top:calc(var(--gutter-v)*.6)}@media (prefers-reduced-motion:reduce){.tabs__indicator,.tabs__list-wrap:after,.tabs__list-wrap:before,.tabs__tab{transition:none}.tabs__body[data-tabs-ready] .tabs__panel{animation:none}}