@layer components{.navbar{--j-navbar-min-height-container: 2.25rem;--j-navbar-gap: var(--uui-spacing-lg);container-name:navbar-container;container-type:inline-size;min-height:2.5rem}.navbar .container-fluid{gap:var(--uui-spacing-2xl);padding-inline:initial}.navbar .navbar-left,.navbar .navbar-right,.navbar .navbar-form{display:flex}.navbar .navbar-left{flex:1;gap:var(--j-navbar-gap)}.navbar .navbar-left .input-group .form-control{--j-navbar-form-control-width: 20rem;flex:1;min-width:0;width:auto;max-width:var(--j-navbar-form-control-width)}.navbar .navbar-right{gap:var(--j-navbar-gap);flex:0 0 auto}.navbar .navbar-container{min-height:var(--j-navbar-min-height-container)}@container navbar-container (width <= 32rem){.navbar .navbar-container{row-gap:var(--uui-spacing-3xl);justify-content:flex-end}}.navbar .navbar-container .form-group{display:inline}.navbar .navbar-collapse{justify-content:flex-end}.navbar .navbar-brand{--bs-navbar-brand-color: var(--uui-colors-foreground-fg-secondary);--bs-navbar-brand-padding-y: 0;display:flex;align-items:center;margin-bottom:0;margin-right:0;font-size:var(--uui-font-size-text-md);font-weight:var(--uui-font-weight-regular);line-height:var(--uui-line-height-text-md)}.navbar .navbar-nav{gap:var(--uui-spacing-xl);flex-direction:row}.navbar .nav-item .btn,.navbar .nav-item .dropdown-item,.navbar .nav-item .nav-link{padding:var(--uui-spacing-md) var(--uui-spacing-lg);font-size:var(--uui-font-size-text-sm);font-weight:var(--uui-font-weight-semibold);line-height:var(--uui-line-height-text-sm)}.navbar .nav-item .btn .jalios-icon,.navbar .nav-item .dropdown-item .jalios-icon,.navbar .nav-item .nav-link .jalios-icon{width:1.25rem;height:1.25rem}.navbar .nav-item .dropdown-toggle:focus,.navbar .nav-item .dropdown-toggle:focus-visible{outline:.125rem solid var(--uui-colors-border-border-brand);outline-offset:.125rem}.navbar .nav-item.card-template-choice{display:flex}.navbar .nav-item.card-template-choice .btn:focus,.navbar .nav-item.card-template-choice .btn:focus-visible{outline:.125rem solid var(--uui-colors-border-border-brand);outline-offset:.125rem;background-color:var(--uui-colors-background-bg-active)}.navbar .nav-item.card-template-choice .btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.navbar .nav-item.card-template-choice .btn:last-child{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.navbar .field-search .input-group{max-width:fit-content}}.navbar-expand-lg .navbar-collapse{justify-content:flex-end}.app .app-body .navbar .dropdown-menu{position:absolute}.app .app-body .navbar-default .js-change-display-mode{display:none}.app .app-body .navbar-default .navbar-btn.display-mode-wrapper{margin-right:var(--uui-spacing-xs)}.app .app-body .navbar-default .form-control+.input-group-btn{display:flex}.app .app-body .navbar-default .form-control+.input-group-btn>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.app .app-body .navbar-default .form-control+.input-group-btn>.btn:focus,.app .app-body .navbar-default .form-control+.input-group-btn>.btn:focus-visible{outline:.125rem solid var(--uui-colors-border-border-brand);outline-offset:.125rem}.app .app-body .navbar-default .navbar-nav{margin-bottom:0}.app .app-body .navbar-default .navbar-nav>.nav-item>.nav-link{display:flex;align-items:center;border:.0625rem solid var(--uui-colors-border-border-primary);border-radius:var(--uui-radius-md)}.app .app-body .navbar-default .navbar-nav>.nav-item>.nav-link:focus-visible{outline:none}.app .app-body .navbar-default .navbar-nav>.nav-item>.nav-link:focus,.app .app-body .navbar-default .navbar-nav>.nav-item>.nav-link:focus-visible{background-color:var(--uui-colors-background-bg-active)}.app .app-body .navbar-default .navbar-nav>.nav-item>.nav-link .jalios-icon{display:flex;align-items:center;margin-right:var(--uui-spacing-md)}.navbar-collapse:has(.navbar-right):not(.collapse){display:flex;justify-content:space-between}.navbar-collapse .navbar-brand{font-size:var(--uui-font-size-text-md);line-height:var(--uui-line-height-text-md)}.navbar-collapse .form-control{border-right:0}.navbar-collapse .form-control:focus,.navbar-collapse .form-control:focus-visible{border-color:inherit;background-color:var(--uui-colors-background-bg-active);box-shadow:none;outline:.125rem solid var(--uui-colors-border-border-brand);outline-offset:.125rem}.navbar-collapse .form-control+.input-group-btn{display:flex}.navbar-collapse .form-control+.input-group-btn>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.navbar-collapse .form-control+.input-group-btn>.btn:focus,.navbar-collapse .form-control+.input-group-btn>.btn:focus-visible{outline:.125rem solid var(--uui-colors-border-border-brand);outline-offset:.125rem}
/*# sourceMappingURL=j-navbar.css.map */