@kong-ui-public/app-layout 0.13.2 → 0.13.3

package/dist/style.css

@@ -1 +1 @@
-.kong-ui-app-navbar[data-v-a91d0002]{background:transparent;background:var(--kong-ui-app-navbar-background, transparent);left:0;position:fixed;right:0;top:var(--4069310e);z-index:var(--3f846bd4)}@media (min-width: 1024px){.kong-ui-app-navbar[data-v-a91d0002]{left:var(--199dbe63)}}.kong-ui-app-navbar .header-content[data-v-a91d0002]{align-items:center;display:flex;gap:16px;height:60px;justify-content:space-between;padding:0 16px}.kong-ui-app-navbar .app-navbar-logo[data-v-a91d0002]{align-items:center;display:flex;height:100%;justify-content:flex-start;margin-right:var(--524d632b);width:var(--2e9601a3)}.kong-ui-app-navbar .mobile-header-left[data-v-a91d0002]{display:inline-flex;gap:16px}@media (min-width: 1024px){.kong-ui-app-navbar .mobile-header-left[data-v-a91d0002]{display:none}}.kong-ui-app-navbar .app-navbar-links[data-v-a91d0002],.kong-ui-app-navbar[data-v-a91d0002] .app-navbar-links,.kong-ui-app-navbar .app-navbar-links[data-v-a91d0002-s]{align-items:center;display:flex;height:100%;margin-right:auto}.kong-ui-app-navbar .app-navbar-links a[data-v-a91d0002],.kong-ui-app-navbar[data-v-a91d0002] .app-navbar-links a,.kong-ui-app-navbar .app-navbar-links[data-v-a91d0002-s] a{align-items:center;align-self:stretch;border-bottom:4px solid transparent;color:#fff;color:var(--white, #fff);display:flex;font-size:14px;font-weight:500;padding:0 8px;text-decoration:none;transition:all .2s ease-in-out;white-space:nowrap}@media (min-width: 768px){.kong-ui-app-navbar .app-navbar-links a[data-v-a91d0002],.kong-ui-app-navbar[data-v-a91d0002] .app-navbar-links a,.kong-ui-app-navbar .app-navbar-links[data-v-a91d0002-s] a{font-size:16px;padding:0 16px}}.kong-ui-app-navbar .app-navbar-links a.router-link-active[data-v-a91d0002],.kong-ui-app-navbar .app-navbar-links a.active[data-v-a91d0002],.kong-ui-app-navbar[data-v-a91d0002] .app-navbar-links a.router-link-active,.kong-ui-app-navbar[data-v-a91d0002] .app-navbar-links a.active,.kong-ui-app-navbar .app-navbar-links[data-v-a91d0002-s] a.router-link-active,.kong-ui-app-navbar .app-navbar-links[data-v-a91d0002-s] a.active{border-color:#84e5ae;border-color:var(--green-300, #84E5AE);font-weight:600!important}.item-badge[data-v-9e48c714]{background-color:#d44324;background-color:var(--red-500, #D44324);border-radius:16px;color:#fff;color:var(--white, #fff);font-size:12px;font-weight:400;line-height:1.1;max-width:36px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap}.kong-ui-app-sidebar .sidebar-item-primary,.kong-ui-app-sidebar .sidebar-item-secondary{display:flex;flex-direction:column;position:relative;white-space:nowrap}.kong-ui-app-sidebar .sidebar-item-primary:last-of-type,.kong-ui-app-sidebar .sidebar-item-secondary:last-of-type{margin-bottom:0}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link{align-items:center;color:#a3b6d9;color:var(--steel-300, #A3B6D9);cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;min-height:48px;text-decoration:none;transition:color .2s ease-out}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link svg:not(.profile-icon) path,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link svg:not(.profile-icon) path{color:currentColor;fill:currentColor;stroke:currentColor;transition:all .2s ease-out}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible{color:#84e5ae;color:var(--green-300, #84E5AE)}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:hover svg:not(.profile-icon) path,.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible svg:not(.profile-icon) path,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:hover svg:not(.profile-icon) path,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible svg:not(.profile-icon) path{fill:#84e5ae;fill:var(--green-300, #84E5AE);stroke:#84e5ae;stroke:var(--green-300, #84E5AE)}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible{outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9)}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link .sidebar-item-tooltip,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link .sidebar-item-tooltip{align-items:center;display:flex;height:100%}.kong-ui-app-sidebar .sidebar-item-primary.active>a,.kong-ui-app-sidebar .sidebar-item-primary.active>div>a,.kong-ui-app-sidebar .sidebar-item-primary.expanded>a,.kong-ui-app-sidebar .sidebar-item-primary.expanded>div>a,.kong-ui-app-sidebar .sidebar-item-secondary.active>a,.kong-ui-app-sidebar .sidebar-item-secondary.active>div>a,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>a,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>div>a{color:#84e5ae;color:var(--green-300, #84E5AE)}.kong-ui-app-sidebar .sidebar-item-primary.active>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.active>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.expanded>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.expanded>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.active>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.active>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>div>a .sidebar-item-name{font-weight:700!important}.kong-ui-app-sidebar .sidebar-item-primary ul.level-secondary,.kong-ui-app-sidebar .sidebar-item-secondary ul.level-secondary{border-top:1px solid rgba(0,0,0,.1);border-top:1px solid var(--black-10, rgba(0, 0, 0, .1));padding:4px 0 12px}.sidebar-item-primary[data-v-d416aef5]{border:1px solid transparent}.sidebar-item-primary.active[data-v-d416aef5],.sidebar-item-primary.expanded[data-v-d416aef5]{background-color:#ffffff1a;border-color:#ffffff1a;border-radius:4px}.sidebar-item-primary>a[data-v-d416aef5],.sidebar-item-primary>div>a[data-v-d416aef5]{border-radius:4px}.sidebar-item-primary>a>.sidebar-item-display.has-label[data-v-d416aef5],.sidebar-item-primary>div>a>.sidebar-item-display.has-label[data-v-d416aef5]{padding-bottom:12px;padding-top:12px}.sidebar-item-secondary[data-v-d416aef5]{margin-bottom:4px}.sidebar-item-secondary[data-v-d416aef5]:last-of-type{margin-bottom:0}.sidebar-item-secondary a[data-v-d416aef5]{background-color:transparent;border-left:4px solid transparent;color:#dae3f2!important;color:var(--steel-200, #DAE3F2)!important;font-size:14px;min-height:40px!important;transition:all .1s ease-in-out!important}.sidebar-item-secondary a[data-v-d416aef5]:hover,.sidebar-item-secondary a[data-v-d416aef5]:focus-visible{background-color:#ffffff0d}.sidebar-item-secondary a>.sidebar-item-display.has-badge[data-v-d416aef5]{justify-content:space-between}.sidebar-item-secondary a>.sidebar-item-display.has-badge .has-badge-max-width[data-v-d416aef5]{max-width:134px!important}.sidebar-item-secondary.active>a[data-v-d416aef5]{background-color:#ffffff1a;border-left:4px solid #84E5AE;border-left:4px solid var(--green-300, #84E5AE);color:#fff!important;color:var(--white, #fff)!important;font-weight:600!important}.sidebar-item-display[data-v-d416aef5]{align-items:center;display:flex;height:100%;padding:0 16px;width:100%}.sidebar-item-display .sidebar-item-name-container[data-v-d416aef5]{line-height:1.3;-webkit-user-select:none;user-select:none}.sidebar-item-display .sidebar-item-name-container .truncate-text[data-v-d416aef5]{height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-17[data-v-d416aef5]{max-width:17ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-20[data-v-d416aef5]{max-width:20ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-24[data-v-d416aef5]{max-width:24ch}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name[data-v-d416aef5]{align-items:center;display:flex}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip[data-v-d416aef5]{height:100%}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip span[data-v-d416aef5]{height:auto;min-width:0}.sidebar-item-display .sidebar-item-label[data-v-d416aef5]{color:#a3b6d9;color:var(--steel-300, #A3B6D9);font-size:12px;margin-top:4px}.sidebar-item-display .sidebar-item-icon[data-v-d416aef5]{align-items:center;display:flex;line-height:0;padding-right:14px}.sidebar-item-icon[data-v-57607227]{display:flex;line-height:0;padding-right:14px}.sidebar-profile-link[data-v-57607227]{align-items:center;background-color:#0a2b66;background-color:var(--blue-700, #0A2B66);color:#a3b6d9;color:var(--steel-300, #A3B6D9);display:flex;height:70px!important;padding-left:14px;text-decoration:none;white-space:nowrap}.sidebar-profile-item-container[data-v-57607227],.sidebar-profile-dropdown-container[data-v-57607227]{align-items:center;display:flex;height:100%;width:100%}.sidebar-profile-dropdown-container[data-v-57607227]{padding-right:16px;width:100%}.sidebar-profile-dropdown-container[data-v-57607227] .k-dropdown{height:100%;width:100%}.sidebar-profile-dropdown-container[data-v-57607227] .k-dropdown>*{height:100%;width:100%}.sidebar-profile-dropdown-container[data-v-57607227] .k-dropdown>* .k-dropdown-trigger{align-items:center;display:flex;font-size:14px;height:100%;width:100%}.profile-dropdown-trigger[data-v-57607227]{align-items:center;color:#a3b6d9;color:var(--steel-300, #A3B6D9);cursor:pointer;display:flex;font-weight:500;height:100%;text-decoration:none;transition:color .2s ease-out;white-space:nowrap;width:100%}.profile-dropdown-trigger[data-v-57607227]:hover,.profile-dropdown-trigger[data-v-57607227]:focus-visible{color:#fff;color:var(--white, #fff)}.profile-dropdown-trigger[data-v-57607227]:focus-visible{outline:none}.profile-dropdown-trigger:focus-visible span[data-v-57607227]{outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9)}.sidebar-profile-name[data-v-57607227]{line-height:1.3;max-width:170px;overflow:hidden;padding-right:1ch;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}[data-v-57607227] .sidebar-profile-menu-popover.k-popover{--KPopPaddingX: 0 !important;--KPopPaddingY: 0 !important;left:-2px!important;margin-top:0!important}[data-v-57607227] .sidebar-profile-menu-popover.k-popover.fade-enter-active,[data-v-57607227] .sidebar-profile-menu-popover.k-popover.fade-enter-to,[data-v-57607227] .sidebar-profile-menu-popover.k-popover.fade-leave-active,[data-v-57607227] .sidebar-profile-menu-popover.k-popover.fade-leave-to{animation:none!important}[data-v-57607227] .sidebar-profile-menu-popover.k-popover .k-dropdown-list{margin:var(--spacing-sm) 0;padding-left:0}[data-v-57607227] .sidebar-profile-menu-popover.k-popover .k-dropdown-item-trigger:focus{box-shadow:none;outline:none}[data-v-57607227] .sidebar-profile-menu-popover.k-popover .k-dropdown-item-trigger:focus-visible{outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9)}.kong-ui-app-sidebar[data-v-c68b89f2]{background:linear-gradient(180deg,#001740 0%,#073382 100%);background:var(--kong-ui-app-layout-background, linear-gradient(180deg, #001740 0%, #073382 100%));display:flex;flex-direction:column;height:var(--4c0e97d0);left:-100%;position:fixed;top:var(--708c634c);transition:left .2s ease-in-out;width:100%;z-index:var(--33e4b5d8)}@media (min-width: 640px){.kong-ui-app-sidebar[data-v-c68b89f2]{max-width:240px;width:240px}}@media (min-width: 1024px){.kong-ui-app-sidebar[data-v-c68b89f2]{background:transparent;background:var(--kong-ui-app-sidebar-background, transparent);height:var(--ec781464);left:0;top:var(--6dedf60e)}}.kong-ui-app-sidebar.sidebar-open[data-v-c68b89f2],.kong-ui-app-sidebar.mobile-disabled[data-v-c68b89f2]{left:0}.kong-ui-app-sidebar.mobile-disabled[data-v-c68b89f2]{width:240px}.kong-ui-app-sidebar.disable-transitions[data-v-c68b89f2]{animation:none!important;transition:none!important}.kong-ui-app-sidebar .sidebar-content-container[data-v-c68b89f2]{display:flex;flex-direction:column;height:100%;margin-top:var(--c4dd133c);overflow-x:hidden;overflow-y:scroll;padding-top:16px;scrollbar-color:transparent transparent;scrollbar-gutter:stable both-edges;scrollbar-width:thin}@supports (overflow: overlay){.kong-ui-app-sidebar .sidebar-content-container[data-v-c68b89f2]{overflow-y:overlay}}.kong-ui-app-sidebar .sidebar-content-container[data-v-c68b89f2]::-webkit-scrollbar{height:8px;opacity:1;width:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-c68b89f2]::-webkit-scrollbar-thumb{background:transparent;border-radius:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-c68b89f2]::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar .sidebar-content-container[data-v-c68b89f2]:hover{scrollbar-color:#7d91b3 transparent;scrollbar-color:var(--steel-400, #7d91b3) transparent;scrollbar-gutter:stable both-edges;scrollbar-width:thin}.kong-ui-app-sidebar .sidebar-content-container[data-v-c68b89f2]:hover::-webkit-scrollbar-thumb{background:#7d91b3;background:var(--steel-400, #7d91b3)}.kong-ui-app-sidebar .sidebar-content-container[data-v-c68b89f2]:hover::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar[data-v-c68b89f2] .k-dropdown-item{font-size:14px;line-height:1.3}@media (max-width: 1023px){.mobile-header-hidden .sidebar-content-container[data-v-c68b89f2],.no-sidebar-header .sidebar-content-container[data-v-c68b89f2]{margin-top:0!important}}.sidebar-level-divider[data-v-c68b89f2]{background-color:#ffffff80;height:1px;margin:24px auto;min-height:1px;width:calc(100% - 32px)}.sidebar-header[data-v-c68b89f2]{align-items:center;background:transparent;background:var(--kong-ui-app-sidebar-header-background, transparent);color:#fff;display:var(--273dfbea);left:0;min-height:var(--38f65741);padding:0 16px;position:absolute;right:0;top:0;-webkit-user-select:none;user-select:none;z-index:1}@media (min-width: 1024px){.sidebar-header[data-v-c68b89f2]{display:flex}}.sidebar-header[data-v-c68b89f2]>*{display:flex}.sidebar-header[data-v-c68b89f2]>a{text-decoration:none}.sidebar-header[data-v-c68b89f2]>a:focus-visible{border-radius:4px;outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9)}.sidebar-header[data-v-c68b89f2]:after{background-image:linear-gradient(#001740,rgba(120,120,84,0));bottom:0;content:"";display:block;height:16px;left:50%;margin-bottom:-16px;position:absolute;transform:translate(-50%);width:calc(100% - 16px);z-index:1}.sidebar-top[data-v-c68b89f2]{align-items:center;color:#fff;display:flex;margin:0 0 16px;padding:0 8px;user-select:none}.external-profile-dropdown-link[data-v-c68b89f2] button.k-dropdown-item-trigger{padding:0!important}.external-profile-dropdown-link[data-v-c68b89f2] button.k-dropdown-item-trigger:focus-visible{outline:none}.sidebar-item-external-link[data-v-c68b89f2]{align-items:center;display:flex;font-size:14px;justify-content:space-between;line-height:1.3;text-decoration:none}.sidebar-item-external-link[data-v-c68b89f2]:focus-visible{outline:1px solid #A3B6D9!important;outline:1px solid var(--steel-300, #A3B6D9)!important}.external-profile-dropdown-link .sidebar-item-external-link[data-v-c68b89f2]{padding:var(--spacing-md) var(--spacing-lg)}.sidebar-item-external-link[data-v-c68b89f2] .kong-icon{display:inline-flex;margin-bottom:-7px}.kong-ui-app-sidebar-overlay[data-v-c68b89f2]{background-color:#0b172d99;bottom:0;left:0;position:fixed;right:0;top:var(--56df801d);z-index:var(--e9b83ea0)}@media (min-width: 1024px){.kong-ui-app-sidebar-overlay[data-v-c68b89f2]{display:none!important}}.kong-ui-app-sidebar .level-primary,.kong-ui-app-sidebar .level-secondary{list-style:none;margin:0;padding:0}.kong-ui-app-sidebar .level-primary{display:flex;flex-direction:column;padding:0 8px}.kong-ui-app-sidebar .level-primary:last-of-type{margin-bottom:32px}body.kong-ui-app-sidebar-open{overflow:hidden}@media (min-width: 1024px){body.kong-ui-app-sidebar-open{overflow:auto}}.sidebar-menu-toggle[data-v-33b3f7c3]{border-radius:3px;padding:0 4px;position:relative;transition:all .3s ease-in-out}.sidebar-menu-toggle[data-v-33b3f7c3]:focus-visible{outline:1px solid #1155cb;outline:1px solid var(--kong-ui-app-sidebar-mobile-icon-color, var(--blue-500, #1155cb))}@media (min-width: 1024px){.sidebar-menu-toggle[data-v-33b3f7c3]{display:none}}.sidebar-menu-toggle .line[data-v-33b3f7c3]{background-color:#fff;background-color:var(--kong-ui-app-sidebar-mobile-icon-color, var(--white, #fff));border-radius:4px;display:block;height:2px;margin:6px auto;transition:all .3s ease-in-out;width:24px}.sidebar-menu-toggle.active .line[data-v-33b3f7c3]:nth-child(2){opacity:0}.sidebar-menu-toggle.active .line[data-v-33b3f7c3]:nth-child(1){transform:translateY(8px) rotate(45deg)}.sidebar-menu-toggle.active .line[data-v-33b3f7c3]:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.kong-ui-app-layout-html,.kong-ui-app-layout-body,.kong-ui-app-sidebar,.kong-ui-app-navbar{--font-family-sans: Inter, Helvetica, Arial, sans-serif;--font-family-mono: Fira Mono, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;--font-weight-normal: 400;--KInputLabelWeight: 600;--KongAuthFontFamily: Inter, Helvetica, Arial, sans-serif;--KongAuthFontWeight: 400}html.kong-ui-app-layout-html{font-size:10px;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}html.kong-ui-app-layout-html,body.kong-ui-app-layout-body{height:100%;height:100vh;margin:0;overflow:hidden;overscroll-behavior-y:none;padding:0;width:100%}body.kong-ui-app-layout-body{background-color:#f8f8fa;background-color:var(--grey-100, #f8f8fa);color:#0b172d;color:var(--black-500, #0b172d);font-family:Inter,Helvetica,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}#app{height:100%}.kong-auth-element{--font-family-sans: Inter, Helvetica, Arial, sans-serif !important}.kong-auth-element .kong-auth-login-form .alert.danger .k-alert-msg{white-space:pre-line}.kong-ui-app-layout[data-v-e4c3e9d9]{background:linear-gradient(180deg,#001740 0%,#073382 100%);background:var(--kong-ui-app-layout-background, linear-gradient(180deg, #001740 0%, #073382 100%));bottom:0;display:flex;flex-direction:column;font-family:Inter,Helvetica,Arial,sans-serif;height:100%;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%}.kong-ui-app-layout[data-v-e4c3e9d9] .kong-ui-app-navbar .mobile-logo{align-items:center;display:flex}@media (min-width: 1024px){.kong-ui-app-layout[data-v-e4c3e9d9] .kong-ui-app-navbar .mobile-logo{display:none}}.kong-ui-app-layout[data-v-e4c3e9d9] .kong-ui-app-navbar .mobile-logo>*{align-items:center;display:flex}.kong-ui-app-layout[data-v-e4c3e9d9] .kong-ui-app-navbar .mobile-logo a{text-decoration:none}.kong-ui-app-layout .kong-ui-app-layout-main[data-v-e4c3e9d9]{align-items:flex-start;background-color:#f8f8fa;background-color:var(--grey-100, #f8f8fa);box-shadow:-30px 174px 250px #0023db;box-shadow:var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db);display:flex;flex-grow:1;height:100%;margin-top:var(--c32327b4);overflow:auto;position:relative;width:100%}@media (min-width: 1024px){.kong-ui-app-layout .kong-ui-app-layout-main[data-v-e4c3e9d9]{border-top-left-radius:var(--9f45c4ce);margin-left:240px;width:calc(100% - 240px)}}.kong-ui-app-layout .kong-ui-app-layout-main.full-width[data-v-e4c3e9d9]{margin-left:0}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content[data-v-e4c3e9d9]{padding:16px;padding:var(--kong-ui-app-layout-content-padding, 16px);position:relative;width:100%}@media (min-width: 1024px){.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content[data-v-e4c3e9d9]{padding:32px;padding:var(--kong-ui-app-layout-content-padding, 32px)}}.kong-ui-app-layout.navbar-hidden .kong-ui-app-layout-main[data-v-e4c3e9d9]{margin-top:0}.kong-ui-app-layout.sidebar-hidden .kong-ui-app-layout-main[data-v-e4c3e9d9]{margin-left:0;width:100%}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-e4c3e9d9]{left:0;position:fixed;right:0;top:0;z-index:1}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-e4c3e9d9] .k-alert{border-radius:0!important}.top-bar-dropdown-menu[data-v-b5a37136]{display:flex;margin-right:4px}.kong-ui-app-error[data-v-ff05f71e]{align-items:center;background-color:#fff;border-top:3px solid #169fcc;border-top:3px solid var(--teal-300, #169fcc);display:flex;flex-direction:column;margin:32px auto 0;padding-bottom:48px;width:100%}@media (min-width: 640px){.kong-ui-app-error[data-v-ff05f71e]{width:80%}}@media (min-width: 1024px){.kong-ui-app-error[data-v-ff05f71e]{max-width:840px}}.kong-ui-app-error .banana-icon[data-v-ff05f71e]{animation-delay:.75s;margin:32px auto 24px}.kong-ui-app-error .kong-ui-app-error-content[data-v-ff05f71e]{animation:.75s cubic-bezier(.785,.135,.15,.86) forwards fadeIn-ff05f71e;opacity:0;padding:0 16px}@media (min-width: 768px){.kong-ui-app-error .kong-ui-app-error-content[data-v-ff05f71e]{padding:0 36px}}@media (prefers-reduced-motion){.kong-ui-app-error .kong-ui-app-error-content[data-v-ff05f71e]{animation:none;opacity:1}}@keyframes fadeIn-ff05f71e{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.kong-ui-app-error .kong-ui-app-error-content{color:#6f7787;color:var(--grey-500, #6f7787);font-size:16px;text-align:center}.kong-ui-app-error .kong-ui-app-error-content h1,.kong-ui-app-error .kong-ui-app-error-content h2,.kong-ui-app-error .kong-ui-app-error-content h3,.kong-ui-app-error .kong-ui-app-error-content h4{color:#0b172d;color:var(--black-500, #0b172d);font-size:32px;font-weight:600;margin-bottom:16px;margin-top:0}
+.kong-ui-app-navbar[data-v-f2e6c8f7]{background:transparent;background:var(--kong-ui-app-navbar-background, transparent);left:0;position:fixed;right:0;top:var(--70cd97af);z-index:var(--0d2cc7de)}@media (min-width: 1024px){.kong-ui-app-navbar[data-v-f2e6c8f7]{left:var(--ae3cd626)}}.kong-ui-app-navbar .header-content[data-v-f2e6c8f7]{align-items:center;display:flex;height:60px;justify-content:space-between;padding:0 16px}.kong-ui-app-navbar .app-navbar-logo[data-v-f2e6c8f7]{align-items:center;display:flex;height:100%;justify-content:flex-start;margin-right:var(--103f0fb5);max-width:var(--078344a6);min-width:var(--078344a6)}.kong-ui-app-navbar .mobile-header-left[data-v-f2e6c8f7]{display:inline-flex;gap:16px}@media (min-width: 1024px){.kong-ui-app-navbar .mobile-header-left[data-v-f2e6c8f7]{display:none}}.kong-ui-app-navbar .app-navbar-links[data-v-f2e6c8f7],.kong-ui-app-navbar[data-v-f2e6c8f7] .app-navbar-links,.kong-ui-app-navbar .app-navbar-links[data-v-f2e6c8f7-s]{align-items:center;display:flex;height:100%}.kong-ui-app-navbar .app-navbar-links a[data-v-f2e6c8f7],.kong-ui-app-navbar[data-v-f2e6c8f7] .app-navbar-links a,.kong-ui-app-navbar .app-navbar-links[data-v-f2e6c8f7-s] a{align-items:center;align-self:stretch;border-bottom:4px solid transparent;color:#fff;color:var(--white, #fff);display:flex;font-size:14px;font-weight:500;padding:0 8px;text-decoration:none;transition:all .2s ease-in-out;white-space:nowrap}@media (min-width: 768px){.kong-ui-app-navbar .app-navbar-links a[data-v-f2e6c8f7],.kong-ui-app-navbar[data-v-f2e6c8f7] .app-navbar-links a,.kong-ui-app-navbar .app-navbar-links[data-v-f2e6c8f7-s] a{font-size:16px;padding:0 16px}}.kong-ui-app-navbar .app-navbar-links a.router-link-active[data-v-f2e6c8f7],.kong-ui-app-navbar .app-navbar-links a.active[data-v-f2e6c8f7],.kong-ui-app-navbar[data-v-f2e6c8f7] .app-navbar-links a.router-link-active,.kong-ui-app-navbar[data-v-f2e6c8f7] .app-navbar-links a.active,.kong-ui-app-navbar .app-navbar-links[data-v-f2e6c8f7-s] a.router-link-active,.kong-ui-app-navbar .app-navbar-links[data-v-f2e6c8f7-s] a.active{border-color:#84e5ae;border-color:var(--green-300, #84E5AE);font-weight:600!important}.kong-ui-app-navbar .navbar-content[data-v-f2e6c8f7]{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:space-between;width:100%}.kong-ui-app-navbar .navbar-content-left[data-v-f2e6c8f7],.kong-ui-app-navbar .navbar-content-center[data-v-f2e6c8f7],.kong-ui-app-navbar .navbar-content-right[data-v-f2e6c8f7]{align-items:center;display:flex;flex:1;gap:16px;height:100%}.kong-ui-app-navbar .navbar-content-left[data-v-f2e6c8f7]{justify-content:flex-start}.kong-ui-app-navbar .navbar-content-center[data-v-f2e6c8f7]{justify-content:center}.kong-ui-app-navbar .navbar-content-right[data-v-f2e6c8f7]{justify-content:flex-end}.item-badge[data-v-9e48c714]{background-color:#d44324;background-color:var(--red-500, #D44324);border-radius:16px;color:#fff;color:var(--white, #fff);font-size:12px;font-weight:400;line-height:1.1;max-width:36px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap}.kong-ui-app-sidebar .sidebar-item-primary,.kong-ui-app-sidebar .sidebar-item-secondary{display:flex;flex-direction:column;position:relative;white-space:nowrap}.kong-ui-app-sidebar .sidebar-item-primary:last-of-type,.kong-ui-app-sidebar .sidebar-item-secondary:last-of-type{margin-bottom:0}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link{align-items:center;color:#a3b6d9;color:var(--steel-300, #A3B6D9);cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;min-height:48px;text-decoration:none;transition:color .2s ease-out}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link svg:not(.profile-icon) path,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link svg:not(.profile-icon) path{color:currentColor;fill:currentColor;stroke:currentColor;transition:all .2s ease-out}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible{color:#84e5ae;color:var(--green-300, #84E5AE)}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:hover svg:not(.profile-icon) path,.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible svg:not(.profile-icon) path,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:hover svg:not(.profile-icon) path,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible svg:not(.profile-icon) path{fill:#84e5ae;fill:var(--green-300, #84E5AE);stroke:#84e5ae;stroke:var(--green-300, #84E5AE)}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible{outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9)}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link .sidebar-item-tooltip,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link .sidebar-item-tooltip{align-items:center;display:flex;height:100%}.kong-ui-app-sidebar .sidebar-item-primary.active>a,.kong-ui-app-sidebar .sidebar-item-primary.active>div>a,.kong-ui-app-sidebar .sidebar-item-primary.expanded>a,.kong-ui-app-sidebar .sidebar-item-primary.expanded>div>a,.kong-ui-app-sidebar .sidebar-item-secondary.active>a,.kong-ui-app-sidebar .sidebar-item-secondary.active>div>a,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>a,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>div>a{color:#84e5ae;color:var(--green-300, #84E5AE)}.kong-ui-app-sidebar .sidebar-item-primary.active>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.active>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.expanded>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.expanded>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.active>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.active>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>div>a .sidebar-item-name{font-weight:700!important}.kong-ui-app-sidebar .sidebar-item-primary ul.level-secondary,.kong-ui-app-sidebar .sidebar-item-secondary ul.level-secondary{border-top:1px solid rgba(0,0,0,.1);border-top:1px solid var(--black-10, rgba(0, 0, 0, .1));padding:4px 0 12px}.sidebar-item-primary[data-v-d416aef5]{border:1px solid transparent}.sidebar-item-primary.active[data-v-d416aef5],.sidebar-item-primary.expanded[data-v-d416aef5]{background-color:#ffffff1a;border-color:#ffffff1a;border-radius:4px}.sidebar-item-primary>a[data-v-d416aef5],.sidebar-item-primary>div>a[data-v-d416aef5]{border-radius:4px}.sidebar-item-primary>a>.sidebar-item-display.has-label[data-v-d416aef5],.sidebar-item-primary>div>a>.sidebar-item-display.has-label[data-v-d416aef5]{padding-bottom:12px;padding-top:12px}.sidebar-item-secondary[data-v-d416aef5]{margin-bottom:4px}.sidebar-item-secondary[data-v-d416aef5]:last-of-type{margin-bottom:0}.sidebar-item-secondary a[data-v-d416aef5]{background-color:transparent;border-left:4px solid transparent;color:#dae3f2!important;color:var(--steel-200, #DAE3F2)!important;font-size:14px;min-height:40px!important;transition:all .1s ease-in-out!important}.sidebar-item-secondary a[data-v-d416aef5]:hover,.sidebar-item-secondary a[data-v-d416aef5]:focus-visible{background-color:#ffffff0d}.sidebar-item-secondary a>.sidebar-item-display.has-badge[data-v-d416aef5]{justify-content:space-between}.sidebar-item-secondary a>.sidebar-item-display.has-badge .has-badge-max-width[data-v-d416aef5]{max-width:134px!important}.sidebar-item-secondary.active>a[data-v-d416aef5]{background-color:#ffffff1a;border-left:4px solid #84E5AE;border-left:4px solid var(--green-300, #84E5AE);color:#fff!important;color:var(--white, #fff)!important;font-weight:600!important}.sidebar-item-display[data-v-d416aef5]{align-items:center;display:flex;height:100%;padding:0 16px;width:100%}.sidebar-item-display .sidebar-item-name-container[data-v-d416aef5]{line-height:1.3;-webkit-user-select:none;user-select:none}.sidebar-item-display .sidebar-item-name-container .truncate-text[data-v-d416aef5]{height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-17[data-v-d416aef5]{max-width:17ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-20[data-v-d416aef5]{max-width:20ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-24[data-v-d416aef5]{max-width:24ch}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name[data-v-d416aef5]{align-items:center;display:flex}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip[data-v-d416aef5]{height:100%}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip span[data-v-d416aef5]{height:auto;min-width:0}.sidebar-item-display .sidebar-item-label[data-v-d416aef5]{color:#a3b6d9;color:var(--steel-300, #A3B6D9);font-size:12px;margin-top:4px}.sidebar-item-display .sidebar-item-icon[data-v-d416aef5]{align-items:center;display:flex;line-height:0;padding-right:14px}.sidebar-item-icon[data-v-57607227]{display:flex;line-height:0;padding-right:14px}.sidebar-profile-link[data-v-57607227]{align-items:center;background-color:#0a2b66;background-color:var(--blue-700, #0A2B66);color:#a3b6d9;color:var(--steel-300, #A3B6D9);display:flex;height:70px!important;padding-left:14px;text-decoration:none;white-space:nowrap}.sidebar-profile-item-container[data-v-57607227],.sidebar-profile-dropdown-container[data-v-57607227]{align-items:center;display:flex;height:100%;width:100%}.sidebar-profile-dropdown-container[data-v-57607227]{padding-right:16px;width:100%}.sidebar-profile-dropdown-container[data-v-57607227] .k-dropdown{height:100%;width:100%}.sidebar-profile-dropdown-container[data-v-57607227] .k-dropdown>*{height:100%;width:100%}.sidebar-profile-dropdown-container[data-v-57607227] .k-dropdown>* .k-dropdown-trigger{align-items:center;display:flex;font-size:14px;height:100%;width:100%}.profile-dropdown-trigger[data-v-57607227]{align-items:center;color:#a3b6d9;color:var(--steel-300, #A3B6D9);cursor:pointer;display:flex;font-weight:500;height:100%;text-decoration:none;transition:color .2s ease-out;white-space:nowrap;width:100%}.profile-dropdown-trigger[data-v-57607227]:hover,.profile-dropdown-trigger[data-v-57607227]:focus-visible{color:#fff;color:var(--white, #fff)}.profile-dropdown-trigger[data-v-57607227]:focus-visible{outline:none}.profile-dropdown-trigger:focus-visible span[data-v-57607227]{outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9)}.sidebar-profile-name[data-v-57607227]{line-height:1.3;max-width:170px;overflow:hidden;padding-right:1ch;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}[data-v-57607227] .sidebar-profile-menu-popover.k-popover{--KPopPaddingX: 0 !important;--KPopPaddingY: 0 !important;left:-2px!important;margin-top:0!important}[data-v-57607227] .sidebar-profile-menu-popover.k-popover.fade-enter-active,[data-v-57607227] .sidebar-profile-menu-popover.k-popover.fade-enter-to,[data-v-57607227] .sidebar-profile-menu-popover.k-popover.fade-leave-active,[data-v-57607227] .sidebar-profile-menu-popover.k-popover.fade-leave-to{animation:none!important}[data-v-57607227] .sidebar-profile-menu-popover.k-popover .k-dropdown-list{margin:var(--spacing-sm) 0;padding-left:0}[data-v-57607227] .sidebar-profile-menu-popover.k-popover .k-dropdown-item-trigger:focus{box-shadow:none;outline:none}[data-v-57607227] .sidebar-profile-menu-popover.k-popover .k-dropdown-item-trigger:focus-visible{outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9)}.kong-ui-app-sidebar[data-v-fe465cf7]{background:linear-gradient(180deg,#001740 0%,#073382 100%);background:var(--kong-ui-app-layout-background, linear-gradient(180deg, #001740 0%, #073382 100%));display:flex;flex-direction:column;height:var(--0d88789a);left:-100%;position:fixed;top:var(--6ef946c2);transition:left .2s ease-in-out;width:100%;z-index:var(--6c5400ce)}@media (min-width: 640px){.kong-ui-app-sidebar[data-v-fe465cf7]{max-width:240px;width:240px}}@media (min-width: 1024px){.kong-ui-app-sidebar[data-v-fe465cf7]{background:transparent;background:var(--kong-ui-app-sidebar-background, transparent);height:var(--3d7e93d0);left:0;top:var(--6ad02a04)}}.kong-ui-app-sidebar.sidebar-open[data-v-fe465cf7],.kong-ui-app-sidebar.mobile-disabled[data-v-fe465cf7]{left:0}.kong-ui-app-sidebar.mobile-disabled[data-v-fe465cf7]{width:240px}.kong-ui-app-sidebar.disable-transitions[data-v-fe465cf7]{animation:none!important;transition:none!important}.kong-ui-app-sidebar .sidebar-content-container[data-v-fe465cf7]{display:flex;flex-direction:column;height:100%;margin-top:var(--cb18ab50);overflow-x:hidden;overflow-y:scroll;padding-top:8px;scrollbar-color:transparent transparent;scrollbar-gutter:stable both-edges;scrollbar-width:thin}@supports (overflow: overlay){.kong-ui-app-sidebar .sidebar-content-container[data-v-fe465cf7]{overflow-y:overlay}}.kong-ui-app-sidebar .sidebar-content-container[data-v-fe465cf7]::-webkit-scrollbar{height:8px;opacity:1;width:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-fe465cf7]::-webkit-scrollbar-thumb{background:transparent;border-radius:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-fe465cf7]::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar .sidebar-content-container[data-v-fe465cf7]:hover{scrollbar-color:#7d91b3 transparent;scrollbar-color:var(--steel-400, #7d91b3) transparent;scrollbar-gutter:stable both-edges;scrollbar-width:thin}.kong-ui-app-sidebar .sidebar-content-container[data-v-fe465cf7]:hover::-webkit-scrollbar-thumb{background:#7d91b3;background:var(--steel-400, #7d91b3)}.kong-ui-app-sidebar .sidebar-content-container[data-v-fe465cf7]:hover::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar[data-v-fe465cf7] .k-dropdown-item{font-size:14px;line-height:1.3}@media (max-width: 1023px){.mobile-header-hidden .sidebar-content-container[data-v-fe465cf7],.no-sidebar-header .sidebar-content-container[data-v-fe465cf7]{margin-top:0!important}}.sidebar-level-divider[data-v-fe465cf7]{background-color:#ffffff80;height:1px;margin:24px auto;min-height:1px;width:calc(100% - 32px)}.sidebar-header[data-v-fe465cf7]{align-items:center;background:transparent;background:var(--kong-ui-app-sidebar-header-background, transparent);color:#fff;display:var(--7ebabc34);left:0;min-height:var(--b777a5ea);padding:0 16px;position:absolute;right:0;top:0;-webkit-user-select:none;user-select:none;z-index:1}@media (min-width: 1024px){.sidebar-header[data-v-fe465cf7]{display:flex}}.sidebar-header[data-v-fe465cf7]>*{display:flex}.sidebar-header[data-v-fe465cf7]>a{text-decoration:none}.sidebar-header[data-v-fe465cf7]>a:focus-visible{border-radius:4px;outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9)}.sidebar-header[data-v-fe465cf7]:after{background-image:linear-gradient(#001740,rgba(120,120,84,0));bottom:0;content:"";display:block;height:8px;left:50%;margin-bottom:-8px;position:absolute;transform:translate(-50%);width:calc(100% - 16px);z-index:1}.sidebar-top[data-v-fe465cf7]{align-items:center;color:#fff;display:flex;margin:0 0 16px;padding:0 8px;user-select:none}.external-profile-dropdown-link[data-v-fe465cf7] button.k-dropdown-item-trigger{padding:0!important}.external-profile-dropdown-link[data-v-fe465cf7] button.k-dropdown-item-trigger:focus-visible{outline:none}.sidebar-item-external-link[data-v-fe465cf7]{align-items:center;display:flex;font-size:14px;justify-content:space-between;line-height:1.3;text-decoration:none}.sidebar-item-external-link[data-v-fe465cf7]:focus-visible{outline:1px solid #A3B6D9!important;outline:1px solid var(--steel-300, #A3B6D9)!important}.external-profile-dropdown-link .sidebar-item-external-link[data-v-fe465cf7]{padding:var(--spacing-md) var(--spacing-lg)}.sidebar-item-external-link[data-v-fe465cf7] .kong-icon{display:inline-flex;margin-bottom:-7px}.kong-ui-app-sidebar-overlay[data-v-fe465cf7]{background-color:#0b172d99;bottom:0;left:0;position:fixed;right:0;top:var(--58eb8cda);z-index:var(--2a882b7a)}@media (min-width: 1024px){.kong-ui-app-sidebar-overlay[data-v-fe465cf7]{display:none!important}}.kong-ui-app-sidebar .level-primary,.kong-ui-app-sidebar .level-secondary{list-style:none;margin:0;padding:0}.kong-ui-app-sidebar .level-primary{display:flex;flex-direction:column;padding:0 8px}.kong-ui-app-sidebar .level-primary:last-of-type{margin-bottom:32px}body.kong-ui-app-sidebar-open{overflow:hidden}@media (min-width: 1024px){body.kong-ui-app-sidebar-open{overflow:auto}}.sidebar-menu-toggle[data-v-33b3f7c3]{border-radius:3px;padding:0 4px;position:relative;transition:all .3s ease-in-out}.sidebar-menu-toggle[data-v-33b3f7c3]:focus-visible{outline:1px solid #1155cb;outline:1px solid var(--kong-ui-app-sidebar-mobile-icon-color, var(--blue-500, #1155cb))}@media (min-width: 1024px){.sidebar-menu-toggle[data-v-33b3f7c3]{display:none}}.sidebar-menu-toggle .line[data-v-33b3f7c3]{background-color:#fff;background-color:var(--kong-ui-app-sidebar-mobile-icon-color, var(--white, #fff));border-radius:4px;display:block;height:2px;margin:6px auto;transition:all .3s ease-in-out;width:24px}.sidebar-menu-toggle.active .line[data-v-33b3f7c3]:nth-child(2){opacity:0}.sidebar-menu-toggle.active .line[data-v-33b3f7c3]:nth-child(1){transform:translateY(8px) rotate(45deg)}.sidebar-menu-toggle.active .line[data-v-33b3f7c3]:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.kong-ui-app-layout-html,.kong-ui-app-layout-body,.kong-ui-app-sidebar,.kong-ui-app-navbar{--font-family-sans: Inter, Helvetica, Arial, sans-serif;--font-family-mono: Fira Mono, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;--font-weight-normal: 400;--KInputLabelWeight: 600;--KongAuthFontFamily: Inter, Helvetica, Arial, sans-serif;--KongAuthFontWeight: 400}html.kong-ui-app-layout-html{font-size:10px;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}html.kong-ui-app-layout-html,body.kong-ui-app-layout-body{height:100%;height:100vh;margin:0;overflow:hidden;overscroll-behavior-y:none;padding:0;width:100%}body.kong-ui-app-layout-body{background-color:#f8f8fa;background-color:var(--grey-100, #f8f8fa);color:#0b172d;color:var(--black-500, #0b172d);font-family:Inter,Helvetica,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}#app{height:100%}.kong-auth-element{--font-family-sans: Inter, Helvetica, Arial, sans-serif !important}.kong-auth-element .kong-auth-login-form .alert.danger .k-alert-msg{white-space:pre-line}.kong-ui-app-layout[data-v-c8f90c1e]{background:linear-gradient(180deg,#001740 0%,#073382 100%);background:var(--kong-ui-app-layout-background, linear-gradient(180deg, #001740 0%, #073382 100%));bottom:0;display:flex;flex-direction:column;font-family:Inter,Helvetica,Arial,sans-serif;height:100%;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%}.kong-ui-app-layout[data-v-c8f90c1e] .kong-ui-app-navbar .mobile-logo{align-items:center;display:flex}@media (min-width: 1024px){.kong-ui-app-layout[data-v-c8f90c1e] .kong-ui-app-navbar .mobile-logo{display:none}}.kong-ui-app-layout[data-v-c8f90c1e] .kong-ui-app-navbar .mobile-logo>*{align-items:center;display:flex}.kong-ui-app-layout[data-v-c8f90c1e] .kong-ui-app-navbar .mobile-logo a{text-decoration:none}.kong-ui-app-layout .kong-ui-app-layout-main[data-v-c8f90c1e]{align-items:flex-start;background-color:#f8f8fa;background-color:var(--grey-100, #f8f8fa);box-shadow:-30px 174px 250px #0023db;box-shadow:var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db);display:flex;flex-grow:1;height:100%;margin-top:var(--aa60aac2);overflow:auto;position:relative;width:100%}@media (min-width: 1024px){.kong-ui-app-layout .kong-ui-app-layout-main[data-v-c8f90c1e]{border-top-left-radius:var(--3ae158d2);margin-left:240px;width:calc(100% - 240px)}}.kong-ui-app-layout .kong-ui-app-layout-main.full-width[data-v-c8f90c1e]{margin-left:0}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content[data-v-c8f90c1e]{padding:16px;padding:var(--kong-ui-app-layout-content-padding, 16px);position:relative;width:100%}@media (min-width: 1024px){.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content[data-v-c8f90c1e]{padding:32px;padding:var(--kong-ui-app-layout-content-padding, 32px)}}.kong-ui-app-layout.navbar-hidden .kong-ui-app-layout-main[data-v-c8f90c1e]{margin-top:0}.kong-ui-app-layout.sidebar-hidden .kong-ui-app-layout-main[data-v-c8f90c1e]{margin-left:0;width:100%}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-c8f90c1e]{left:0;position:fixed;right:0;top:0;z-index:1}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-c8f90c1e] .k-alert{border-radius:0!important}.top-bar-dropdown-menu[data-v-b5a37136]{display:flex;margin-right:4px}.kong-ui-app-error[data-v-ff05f71e]{align-items:center;background-color:#fff;border-top:3px solid #169fcc;border-top:3px solid var(--teal-300, #169fcc);display:flex;flex-direction:column;margin:32px auto 0;padding-bottom:48px;width:100%}@media (min-width: 640px){.kong-ui-app-error[data-v-ff05f71e]{width:80%}}@media (min-width: 1024px){.kong-ui-app-error[data-v-ff05f71e]{max-width:840px}}.kong-ui-app-error .banana-icon[data-v-ff05f71e]{animation-delay:.75s;margin:32px auto 24px}.kong-ui-app-error .kong-ui-app-error-content[data-v-ff05f71e]{animation:.75s cubic-bezier(.785,.135,.15,.86) forwards fadeIn-ff05f71e;opacity:0;padding:0 16px}@media (min-width: 768px){.kong-ui-app-error .kong-ui-app-error-content[data-v-ff05f71e]{padding:0 36px}}@media (prefers-reduced-motion){.kong-ui-app-error .kong-ui-app-error-content[data-v-ff05f71e]{animation:none;opacity:1}}@keyframes fadeIn-ff05f71e{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.kong-ui-app-error .kong-ui-app-error-content{color:#6f7787;color:var(--grey-500, #6f7787);font-size:16px;text-align:center}.kong-ui-app-error .kong-ui-app-error-content h1,.kong-ui-app-error .kong-ui-app-error-content h2,.kong-ui-app-error .kong-ui-app-error-content h3,.kong-ui-app-error .kong-ui-app-error-content h4{color:#0b172d;color:var(--black-500, #0b172d);font-size:32px;font-weight:600;margin-bottom:16px;margin-top:0}

package/dist/types/components/AppLayout.vue.d.ts

@@ -81,7 +81,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     notification: (_: {}) => any;
     'navbar-mobile-logo': (_: {}) => any;
     'navbar-logo': (_: {}) => any;
-    navbar: (_: {}) => any;
+    'navbar-left': (_: {}) => any;
+    'navbar-center': (_: {}) => any;
+    'navbar-right': (_: {}) => any;
     'sidebar-header': (_: {}) => any;
     'sidebar-top': (_: {}) => any;
     'app-error': (_: {}) => any;

package/dist/types/components/AppLayout.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AppLayout.vue.ts"],"names":[],"mappings":"AACA,OAAO,EAAoE,QAAQ,EAAmB,MAAM,KAAK,CAAA;AAIjH,OAAO,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,EAAwB,MAAM,UAAU,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BA8bvD,GAAG;qCACM,GAAG;8BACV,GAAG;uBACV,GAAG;iCACO,GAAG;8BACN,GAAG;4BACL,GAAG;wBACP,GAAG;;AAlcpC,wBA8dc;AACd,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAAE,MAAM,EAAE,CAAC,CAAA;KAAE,CAAA;CAAE,CAAC"}
+{"version":3,"file":"AppLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AppLayout.vue.ts"],"names":[],"mappings":"AACA,OAAO,EAAoE,QAAQ,EAAmB,MAAM,KAAK,CAAA;AAIjH,OAAO,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,EAAwB,MAAM,UAAU,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BAmfvD,GAAG;qCACM,GAAG;8BACV,GAAG;8BACH,GAAG;gCACD,GAAG;+BACJ,GAAG;iCACD,GAAG;8BACN,GAAG;4BACL,GAAG;wBACP,GAAG;;AAzfpC,wBAqhBc;AACd,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAAE,MAAM,EAAE,CAAC,CAAA;KAAE,CAAA;CAAE,CAAC"}

package/dist/types/components/navbar/AppNavbar.vue.d.ts

@@ -32,7 +32,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     'mobile-sidebar-toggle': (_: {}) => any;
     'mobile-logo': (_: {}) => any;
     logo: (_: {}) => any;
-    default: (_: {}) => any;
+    left: (_: {}) => any;
+    center: (_: {}) => any;
+    right: (_: {}) => any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/types/components/navbar/AppNavbar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppNavbar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/navbar/AppNavbar.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAuJgD,GAAG;8BACZ,GAAG;qBACZ,GAAG;wBACA,GAAG;;AAvJpC,wBAuKc;AACd,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAAE,MAAM,EAAE,CAAC,CAAA;KAAE,CAAA;CAAE,CAAC"}
+{"version":3,"file":"AppNavbar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/navbar/AppNavbar.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA+LgD,GAAG;8BACZ,GAAG;qBACZ,GAAG;qBACH,GAAG;uBACD,GAAG;sBACJ,GAAG;;AAjMlC,wBAiNc;AACd,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAAE,MAAM,EAAE,CAAC,CAAA;KAAE,CAAA;CAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/app-layout",
-  "version": "0.13.2",
+  "version": "0.13.3",
   "type": "module",
   "main": "./dist/app-layout.umd.js",
   "module": "./dist/app-layout.es.js",