1 .cdx-tabs__header{display:flex
;align-items:flex-end
;position:relative
}.cdx-tabs__prev-scroller
,.cdx-tabs__next-scroller
{position:absolute
;top:0;bottom:0}[dir
] .cdx-tabs__prev-scroller
,[dir
] .cdx-tabs__next-scroller
{background-color:inherit
}[dir
=ltr
] .cdx-tabs__prev-scroller
{left:0}[dir
=rtl
] .cdx-tabs__prev-scroller
,[dir
=ltr
] .cdx-tabs__next-scroller
{right:0}[dir
=rtl
] .cdx-tabs__next-scroller
{left:0}.cdx-tabs__prev-scroller:after
,.cdx-tabs__next-scroller:before
{content:"";position:absolute
;top:0;z-index:1;width:1.5rem;height:100%;pointer-events:none
}[dir
=ltr
] .cdx-tabs__prev-scroller:after
{left:100%}[dir
=rtl
] .cdx-tabs__prev-scroller:after
{right:100%}[dir
=ltr
] .cdx-tabs__next-scroller:before
{right:100%}[dir
=rtl
] .cdx-tabs__next-scroller:before
{left:100%}.cdx-tabs__scroll-button
.cdx-button
{height:100%}.cdx-tabs__list
{display:flex
;overflow-x:auto
;scrollbar-width:none
;-webkit-overflow-scrolling:touch
}.cdx-tabs__list::-webkit-scrollbar
{-webkit-appearance:none
;display:none
}.cdx-tabs__list__item
{display:block
;flex:0 0 auto
;max-width:16rem;font-size:1rem;font-weight:700;line-height:1.4285714;text-decoration:none
;overflow:hidden
;text-overflow:ellipsis
;white-space:nowrap
}[dir
] .cdx-tabs__list__item
{background-color:var
(--background-color-transparent
, transparent
);border-width:0;border-top-left-radius:2px;border-top-right-radius:2px;padding:4px 12px;transition-property:background-color
,color
,border-color
,box-shadow
;transition-duration:.1s}[dir
] .cdx-tabs__list__item:hover
{cursor:pointer
}[dir
] .cdx-tabs__list__item
[aria-selected
=true
]{cursor:default
}[dir
=ltr
] .cdx-tabs
>.cdx-tabs__header
.cdx-tabs__list__item
+.cdx-tabs__list__item
{margin-left:0}[dir
=rtl
] .cdx-tabs
>.cdx-tabs__header
.cdx-tabs__list__item
+.cdx-tabs__list__item
{margin-right:0}[dir
] .cdx-tabs--framed
>.cdx-tabs__header
{background-color:var
(--background-color-interactive
, #eaecf0)}[dir
=ltr
] .cdx-tabs--framed
>.cdx-tabs__header
.cdx-tabs__prev-scroller:after
{background-image:linear-gradient
(to right
,var
(--background-color-interactive
, #eaecf0) 0,var
(--background-color-transparent
, transparent
) 100%)}[dir
=rtl
] .cdx-tabs--framed
>.cdx-tabs__header
.cdx-tabs__prev-scroller:after
{background-image:linear-gradient
(to left
,var
(--background-color-interactive
, #eaecf0) 0,var
(--background-color-transparent
, transparent
) 100%)}[dir
=ltr
] .cdx-tabs--framed
>.cdx-tabs__header
.cdx-tabs__next-scroller:before
{background-image:linear-gradient
(to left
,var
(--background-color-interactive
, #eaecf0) 0,var
(--background-color-transparent
, transparent
) 100%)}[dir
=rtl
] .cdx-tabs--framed
>.cdx-tabs__header
.cdx-tabs__next-scroller:before
{background-image:linear-gradient
(to right
,var
(--background-color-interactive
, #eaecf0) 0,var
(--background-color-transparent
, transparent
) 100%)}.cdx-tabs--framed
>.cdx-tabs__header
.cdx-tabs__list__item
{color:var
(--color-base
, #202122)}[dir
=ltr
] .cdx-tabs--framed
>.cdx-tabs__header
.cdx-tabs__list__item
{margin:8px 4px 0 8px}[dir
=rtl
] .cdx-tabs--framed
>.cdx-tabs__header
.cdx-tabs__list__item
{margin:8px 8px 0 4px}.cdx-tabs--framed
>.cdx-tabs__header
.cdx-tabs__list__item:enabled
{overflow:hidden
}.cdx-tabs--framed
>.cdx-tabs__header
.cdx-tabs__list__item:enabled:hover
{color:var
(--color-base
, #202122);mix-blend-mode:var
(--mix-blend-mode-blend
, multiply
)}[dir
] .cdx-tabs--framed
>.cdx-tabs__header
.cdx-tabs__list__item:enabled:hover
{background-color:var
(--background-color-interactive-subtle--hover
, #eaecf0)}.cdx-tabs--framed
>.cdx-tabs__header
.cdx-tabs__list__item:enabled:active
{color:var
(--color-base
, #202122)}[dir
] .cdx-tabs--framed
>.cdx-tabs__header
.cdx-tabs__list__item:enabled:active
{background-color:var
(--background-color-interactive-subtle--active
, #dadde3)}.cdx-tabs--framed
>.cdx-tabs__header
.cdx-tabs__list__item
[aria-selected
=true
],.cdx-tabs--framed
>.cdx-tabs__header
.cdx-tabs__list__item
[aria-selected
=true
]:hover
{color:var
(--color-base
, #202122);mix-blend-mode:var
(--mix-blend-mode-base
, normal
)}[dir
] .cdx-tabs--framed
>.cdx-tabs__header
.cdx-tabs__list__item
[aria-selected
=true
],[dir
] .cdx-tabs--framed
>.cdx-tabs__header
.cdx-tabs__list__item
[aria-selected
=true
]:hover
{background-color:var
(--background-color-base
, #fff)}.cdx-tabs--framed
>.cdx-tabs__header
.cdx-tabs__list__item:disabled
{color:var
(--color-disabled
, #a2a9b1)}[dir
] .cdx-tabs--framed
>.cdx-tabs__header
.cdx-tabs__list__item:disabled
{background-color:var
(--background-color-interactive
, #eaecf0);cursor:default
}[dir
=ltr
] .cdx-tabs--framed
>.cdx-tabs__header
.cdx-tabs__list__item:last-child
{margin-right:8px}[dir
=rtl
] .cdx-tabs--framed
>.cdx-tabs__header
.cdx-tabs__list__item:last-child
{margin-left:8px}[dir
] .cdx-tabs:not
(.cdx-tabs--framed
)>.cdx-tabs__header
{background-color:var
(--background-color-base
, #fff);margin:0 4px;border-bottom:1px solid var
(--border-color-base
, #a2a9b1)}[dir
=ltr
] .cdx-tabs:not
(.cdx-tabs--framed
)>.cdx-tabs__header
.cdx-tabs__prev-scroller:after
{background-image:linear-gradient
(to right
,var
(--background-color-base
, #fff) 0,var
(--background-color-transparent
, transparent
) 100%)}[dir
=rtl
] .cdx-tabs:not
(.cdx-tabs--framed
)>.cdx-tabs__header
.cdx-tabs__prev-scroller:after
{background-image:linear-gradient
(to left
,var
(--background-color-base
, #fff) 0,var
(--background-color-transparent
, transparent
) 100%)}[dir
=ltr
] .cdx-tabs:not
(.cdx-tabs--framed
)>.cdx-tabs__header
.cdx-tabs__next-scroller:before
{background-image:linear-gradient
(to left
,var
(--background-color-base
, #fff) 0,var
(--background-color-transparent
, transparent
) 100%)}[dir
=rtl
] .cdx-tabs:not
(.cdx-tabs--framed
)>.cdx-tabs__header
.cdx-tabs__next-scroller:before
{background-image:linear-gradient
(to right
,var
(--background-color-base
, #fff) 0,var
(--background-color-transparent
, transparent
) 100%)}[dir
] .cdx-tabs:not
(.cdx-tabs--framed
)>.cdx-tabs__header
.cdx-tabs__list__item
{margin:0 2px}.cdx-tabs:not
(.cdx-tabs--framed
)>.cdx-tabs__header
.cdx-tabs__list__item:enabled
{color:var
(--color-base
, #202122)}.cdx-tabs:not
(.cdx-tabs--framed
)>.cdx-tabs__header
.cdx-tabs__list__item:enabled:hover:not
([aria-selected
="true"]){color:var
(--color-progressive--hover
, #3056a9)}[dir
] .cdx-tabs:not
(.cdx-tabs--framed
)>.cdx-tabs__header
.cdx-tabs__list__item:enabled:hover:not
([aria-selected
="true"]){box-shadow:inset
0 -2px 0 0 var
(--box-shadow-color-progressive-selected--hover
, #3056a9)}.cdx-tabs:not
(.cdx-tabs--framed
)>.cdx-tabs__header
.cdx-tabs__list__item:enabled:active:not
([aria-selected
="true"]){color:var
(--color-progressive--active
, #233566)}[dir
] .cdx-tabs:not
(.cdx-tabs--framed
)>.cdx-tabs__header
.cdx-tabs__list__item:enabled:active:not
([aria-selected
="true"]){box-shadow:inset
0 -2px 0 0 var
(--box-shadow-color-progressive-selected--active
, #233566)}.cdx-tabs:not
(.cdx-tabs--framed
)>.cdx-tabs__header
.cdx-tabs__list__item
[aria-selected
=true
]{color:var
(--color-progressive
, #36c)}[dir
] .cdx-tabs:not
(.cdx-tabs--framed
)>.cdx-tabs__header
.cdx-tabs__list__item
[aria-selected
=true
]{box-shadow:inset
0 -2px 0 0 var
(--box-shadow-color-progressive-selected
, #36c)}.cdx-tabs:not
(.cdx-tabs--framed
)>.cdx-tabs__header
.cdx-tabs__list__item
[aria-selected
=true
]:hover
{color:var
(--color-progressive
, #36c)}.cdx-tabs:not
(.cdx-tabs--framed
)>.cdx-tabs__header
.cdx-tabs__list__item:disabled
{color:var
(--color-disabled
, #a2a9b1)}[dir
] .cdx-tabs:not
(.cdx-tabs--framed
)>.cdx-tabs__header
.cdx-tabs__list__item:disabled
{cursor:default
}[dir
=ltr
] .cdx-tabs:not
(.cdx-tabs--framed
)>.cdx-tabs__header
.cdx-tabs__list__item:first-child
{margin-left:0}[dir
=rtl
] .cdx-tabs:not
(.cdx-tabs--framed
)>.cdx-tabs__header
.cdx-tabs__list__item:first-child
{margin-right:0}[dir
=ltr
] .cdx-tabs:not
(.cdx-tabs--framed
)>.cdx-tabs__header
.cdx-tabs__list__item:last-child
{margin-right:0}[dir
=rtl
] .cdx-tabs:not
(.cdx-tabs--framed
)>.cdx-tabs__header
.cdx-tabs__list__item:last-child
{margin-left:0}.cdx-tabs--framed
>.cdx-tabs__header
.cdx-tabs__list__item:focus-visible
,.cdx-tabs:not
(.cdx-tabs--framed
)>.cdx-tabs__header
.cdx-tabs__list__item:focus-visible
{outline:1px solid transparent
;overflow:hidden
}[dir
] .cdx-tabs--framed
>.cdx-tabs__header
.cdx-tabs__list__item:focus-visible
,[dir
] .cdx-tabs:not
(.cdx-tabs--framed
)>.cdx-tabs__header
.cdx-tabs__list__item:focus-visible
{box-shadow:inset
0 0 0 2px var
(--border-color-progressive
, #6485d1)}