.area-tabs-wrap{max-width:var(--page-max);margin:0 auto;padding:.625rem var(--gutter) 0}.area-tabs ul{position:relative;display:flex;flex-wrap:nowrap;gap:0 1.75rem;margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;box-shadow:inset 0 -1px 0 var(--rule);background:linear-gradient(to right,var(--paper) 55%,transparent) left center / 2rem 100% no-repeat local,linear-gradient(to left,var(--paper) 55%,transparent) right center / 2rem 100% no-repeat local,linear-gradient(to right,color-mix(in srgb,var(--ink) 14%,transparent),transparent) left center / .75rem 100% no-repeat scroll,linear-gradient(to left,color-mix(in srgb,var(--ink) 14%,transparent),transparent) right center / .75rem 100% no-repeat scroll}.area-tabs ul::-webkit-scrollbar{display:none}.area-tabs li{flex:none}.area-tabs a{position:relative;display:inline-flex;align-items:center;min-height:2.75rem;padding:.25rem 0;color:var(--ink-2);font-size:.9375rem;font-weight:500;text-decoration:none;white-space:nowrap;transition:color .2s}.area-tabs a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--leaf);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.area-tabs a:hover{color:var(--ink)}.area-tabs a[aria-current=page]{color:var(--ink);font-weight:600}.area-tabs a[aria-current=page]:after{transform:scaleX(1)}.area-tabs a:focus-visible{outline-offset:-3px;border-radius:4px}@media(max-width:719px){.area-tabs ul{gap:0 1.25rem}}@media(forced-colors:active){.area-tabs a[aria-current=page]:after{background:Highlight;forced-color-adjust:none}.area-tabs ul{background:none;box-shadow:none;border-bottom:1px solid CanvasText}}@media print{.area-tabs-wrap{display:none}}
