@layer jokul.components{.jkl-tabs{width:100%}.jkl-tablist{--padding-inline-end:var(--jkl-unit-50);--text-color:var(--jkl-color-text-default);--line-color:var(--jkl-color-border-subdued);--indicator-color:var(--jkl-color-border-default);scroll-snap-type:x proximity;overflow:scroll hidden;scrollbar-width:none;position:relative;display:inline-flex;flex-direction:row;padding:0;margin:0;border-bottom:1px solid var(--line-color);width:-webkit-fit-content;width:fit-content;max-width:100%}@media screen and (forced-colors:active){.jkl-tablist{border-color:GrayText}}.jkl-tablist::-webkit-scrollbar{display:none}@supports (position-anchor:--active-tab){.jkl-tablist:after{content:"";position:absolute;position-anchor:--active-tab;height:2px;width:calc(anchor-size(inline) - var(--padding-inline-end));inset-block-start:calc(anchor(end) - 2px);inset-inline-start:calc(anchor(--active-tab start));background-color:var(--indicator-color);transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-lazy)}}.jkl-tab{--padding-inline-end:var(--jkl-unit-50);font:var(--jkl-text-style-text-medium);color:var(--text-color);padding:var(--jkl-unit-10) var(--padding-inline-end) var(--jkl-unit-10) var(--jkl-unit-05);border:none;background-color:initial;position:relative;scroll-margin-inline-start:var(--jkl-unit-20);scroll-snap-align:start;text-decoration:none;white-space:nowrap;border-style:none}.jkl-tab,.jkl-tab:active,.jkl-tab:focus,.jkl-tab:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-tab{border-style:revert}.jkl-tab,.jkl-tab:active,.jkl-tab:focus,.jkl-tab:hover{outline:revert;outline-style:revert}}.jkl-tab:hover{--text-color:var(--jkl-color-text-subdued)}.jkl-tab:focus-visible{outline:3px solid var(--jkl-color-border-strong);outline-offset:-2px}.jkl-tab[aria-selected=true]{anchor-name:--active-tab;--jkl-icon-weight:400;font-weight:var(--jkl-font-weight-bold);letter-spacing:-.014em}@supports not (position-anchor:--active-tab){.jkl-tab[aria-selected=true]{position:relative}.jkl-tab[aria-selected=true]:after{content:"";position:absolute;height:2px;width:calc(100% - var(--padding-inline-end));inset-block-end:0;inset-inline-start:0;background-color:var(--indicator-color);transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-lazy)}}}