@layer components{.nav-underline{border-bottom:.0625rem solid var(--uui-colors-border-border-secondary)}.nav-underline .nav-link{margin-bottom:0;padding-inline:var(--uui-spacing-xs);cursor:pointer}.nav-underline li a.active,.nav-underline li a:hover{border-top:none;border-right:none;border-left:none;background-color:rgba(0,0,0,0)}.nav-link{display:flex;padding:var(--uui-spacing-sm);align-items:center;justify-content:center;gap:var(--uui-spacing-xs)}.nav-link .jalios-icon{color:currentColor;line-height:var(--uui-line-height-text-sm) !important}.nav-link.active .badge-secondary{--j-badge-background-color: var(--uui-component-colors-utility-brand-utility-brand-50);--j-badge-color: var(--uui-component-colors-utility-brand-utility-brand-700);--j-badge-border-color: var(--uui-component-colors-utility-brand-utility-brand-200)}.nav-tabs{--bs-nav-link-font-size: var(--uui-font-size-text-md);border-radius:var(--uui-radius-xl);border:.0625rem solid var(--uui-colors-border-border-secondary);background:var(--uui-colors-background-bg-secondary-alt);display:flex;padding:var(--uui-spacing-sm, 0.375rem);align-items:center;gap:var(--uui-spacing-xs, 0.25rem)}.nav-tabs .nav-link{display:flex;justify-content:center;align-items:center;gap:var(--uui-spacing-md);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);line-height:var(--j-nav-link-line-height);box-shadow:0px 1px 3px 0px rgba(0,0,0,0);border-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus-visible{box-shadow:0px 0px 0px 2px var(--uui-colors-background-bg-primary),0px 0px 0px 4px var(--uui-colors-effects-focus-rings-focus-ring)}.nav-tabs .nav-link.active:not(:focus-visible),.nav-tabs .nav-link:hover{box-shadow:0px 1px 3px 0px var(--uui-colors-effects-shadows-shadow-sm-01),0px 1px 2px -1px var(--uui-colors-effects-shadows-shadow-sm-02)}.nav-pills{--bs-nav-link-font-size: var(--uui-font-size-text-md);gap:var(--uui-spacing-xxs)}.nav-pills .nav-link{box-shadow:0px 0px 0px 2px rgba(0,0,0,0),0px 0px 0px 4px rgba(0,0,0,0);align-items:center;justify-content:center;gap:var(--uui-spacing-lg)}.nav-pills .nav-link:focus,.nav-pills .nav-link:hover{background:var(--uui-colors-background-bg-primary-hover)}.nav-tabs__container:has(.nav-underline){--bs-nav-link-padding-y: var(--uui-spacing-lg)}.nav-tabs__container:has(.nav-underline) .nav-tabs__scroll__btn{height:auto;top:calc(50% - var(--bs-nav-link-padding-y)*.5)}.nav-underline{--bs-nav-link-font-size: var(--uui-font-size-text-sm);--j-nav-link-line-height: var(--uui-line-height-text-sm);--bs-nav-link-font-weight: var(--uui-font-weight-semibold);--bs-nav-link-hover-color: var(--uui-colors-text-text-brand-secondary);--bs-nav-tabs-link-active-border-color: var(--uui-colors-foreground-fg-brand-primary-alt);--bs-nav-link-padding-x: var(--uui-spacing-xs);--bs-nav-link-padding-y: var(--uui-spacing-lg);--j-nav-link-active-icon-color: var(--uui-colors-text-text-brand-secondary);display:flex;align-items:stretch;border-bottom:1px solid var(--uui-colors-border-border-secondary)}.nav-underline.tabs-md{--bs-nav-link-font-size: var(--uui-font-size-text-md);--j-nav-link-line-height: var(--uui-line-height-text-md)}.nav-underline .nav-item{display:flex}.nav-underline .nav-item.disabled .nav-link:hover,.nav-underline .nav-item.disabled .nav-link:focus{color:var(--bs-nav-link-color);border-bottom-color:rgba(0,0,0,0);cursor:initial}.nav-underline .nav-link{padding:0rem var(--bs-nav-link-padding-x) var(--uui-spacing-lg) var(--bs-nav-link-padding-x);gap:var(--uui-spacing-md);line-height:var(--j-nav-link-line-height)}.nav-underline .nav-link.active{border-color:var(--uui-colors-foreground-fg-brand-primary-alt);font-weight:var(--bs-nav-link-font-weight)}.nav-underline .nav-link.active .jalios-icon{color:var(--j-nav-link-active-icon-color)}.nav-underline .nav-link:focus-visible{border-color:rgba(0,0,0,0);border-radius:var(--uui-radius-sm)}.nav-underline.-column{--bs-nav-link-padding-x: var(--uui-spacing-lg);--bs-nav-link-padding-y: var(--uui-spacing-md);--bs-nav-underline-gap: var(--uui-spacing-xs);border-bottom:inherit}.nav-underline.-column .nav-link{padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);border-left:var(--bs-nav-underline-border-width) solid rgba(0,0,0,0);border-bottom:inherit}.nav-underline.-column .nav-link.active,.nav-underline.-column .nav-link:hover{border-color:currentcolor}.nav-underline.-column .nav-link:focus-visible{border-color:rgba(0,0,0,0)}.nav:not(.nav-tabs):not(.nav-underline):not(.nav-pills) .nav-link{border-radius:var(--uui-radius-sm)}.nav.-column{flex-direction:column;align-items:flex-start;width:fit-content}.nav.-column .nav-item{width:100%}.nav.-column .nav-link{width:100%;justify-content:start}.nav.-column.nav-fill{width:100%;align-items:stretch}.nav-tabs__container{position:relative;overflow:clip}.nav-tabs__container>.nav{overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:1rem;scroll-padding-inline:50%;flex-flow:nowrap;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.nav-tabs__container>.nav>.nav-item{white-space:nowrap;scroll-behavior:smooth}.nav-tabs__container>.nav>.nav-item:has(.nav-link.active){scroll-snap-align:center}.nav-tabs__scroll__btn{display:flex;align-items:center;position:absolute;z-index:10;width:1.75rem;height:1.75rem;padding:var(--uui-spacing-xs);box-sizing:border-box;top:50%;transform:translateY(-50%)}.nav-tabs__scroll__btn:hover:after{background-color:var(--uui-colors-background-bg-primary-hover)}.nav-tabs__scroll__btn .jalios-icon{box-sizing:content-box;width:1.25rem;aspect-ratio:1;height:auto}.nav-tabs__scroll__btn.-next:before,.nav-tabs__scroll__btn.-previous:before{height:150%;z-index:-2}.nav-tabs__scroll__btn.-next .jalios-icon,.nav-tabs__scroll__btn.-previous .jalios-icon{z-index:1}.nav-tabs__scroll__btn.-next:after,.nav-tabs__scroll__btn.-previous:after{content:"";width:100%;height:100%;position:absolute;inset:0;border-radius:var(--uui-spacing-sm, 0.375rem);overflow:hidden}.nav-tabs__scroll__btn.-next{right:0;justify-content:flex-end}.nav-tabs__scroll__btn.-next:before{content:"";width:3.8rem;position:absolute;right:0;background:linear-gradient(-90deg, var(--uui-colors-background-bg-primary) 40%, transparent);pointer-events:none}.nav-tabs__scroll__btn.-previous{left:0;justify-content:flex-start}.nav-tabs__scroll__btn.-previous:before{content:"";width:3.8rem;position:absolute;left:0;background:linear-gradient(90deg, var(--uui-colors-background-bg-primary) 40%, transparent);pointer-events:none}.tab-content{--j-tab-spacer: var(--uui-spacing-3xl)}.tab-content>.active{display:flex;flex-direction:column;gap:var(--j-tab-spacer)}.tab-content>.active>p,.tab-content>.active>pre{margin-bottom:0}.tab-content>.active>p{margin-bottom:0;font-size:var(--j-wysiwyg-font-size);font-weight:var(--j-wysiwyg-font-weight);line-height:var(--j-wysiwyg-line-height);color:var(--j-wysiwyg-paragraph-color)}.tab-content>.active>p:has(+p){margin-bottom:var(--uui-spacing-xl)}.tab-content>.active>p>a{font-weight:var(--uui-font-weight-semibold)}.nav-tabs__wrapper{display:flex;flex-direction:column;gap:var(--uui-spacing-3xl)}}
/*# sourceMappingURL=j-tab.css.map */