@kong-ui-public/app-layout 0.11.6 → 0.11.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.kong-ui-app-navbar[data-v-bc6741e9]{position:fixed;top:var(--769793c2);left:0;right:0;background-color:#fff;background-color:var(--kong-ui-app-navbar-background-color, #fff);border-bottom:1px solid rgba(0,0,0,.1);z-index:var(--a0e75924)}@media (min-width: 768px){.kong-ui-app-navbar[data-v-bc6741e9]{left:var(--5c627706)}}.kong-ui-app-navbar .header-content[data-v-bc6741e9]{display:flex;align-items:center;justify-content:space-between;gap:16px;height:60px;padding:0 16px}.kong-ui-app-navbar .mobile-header-left[data-v-bc6741e9]{display:inline-flex;gap:16px}@media (min-width: 768px){.kong-ui-app-navbar .mobile-header-left[data-v-bc6741e9]{display:none}}.item-badge[data-v-353c13e0]{color:#fff;color:var(--white, #fff);background-color:#d44324;background-color:var(--red-500, #D44324);padding:2px 6px;border-radius:16px;font-size:12px;font-weight:400;line-height:1.1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:36px;-webkit-user-select:none;user-select:none}.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{display:flex;align-items:center;justify-content:space-between;min-height:48px;text-decoration:none;font-size:14px;font-weight:500;color:#a3b6d9;color:var(--steel-300, #A3B6D9);cursor:pointer;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;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:#fff;color:var(--white, #fff)}.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:#fff;fill:var(--white, #fff)}.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{display:flex;align-items:center;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:#fff;color:var(--white, #fff)}.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:600!important}.kong-ui-app-sidebar .sidebar-item-primary ul.level-secondary,.kong-ui-app-sidebar .sidebar-item-secondary ul.level-secondary{padding:4px 0 12px;border-top:1px solid rgba(0,0,0,.1);border-top:1px solid var(--black-10, rgba(0, 0, 0, .1))}.sidebar-item-primary.active[data-v-37098230],.sidebar-item-primary.expanded[data-v-37098230]{background-color:#ffffff1a;border-radius:4px}.sidebar-item-primary>a[data-v-37098230],.sidebar-item-primary>div>a[data-v-37098230]{border-radius:4px}.sidebar-item-primary>a>.sidebar-item-display.has-label[data-v-37098230],.sidebar-item-primary>div>a>.sidebar-item-display.has-label[data-v-37098230]{padding-top:12px;padding-bottom:12px}.sidebar-item-secondary[data-v-37098230]{margin-bottom:4px}.sidebar-item-secondary[data-v-37098230]:last-of-type{margin-bottom:0}.sidebar-item-secondary a[data-v-37098230]{color:#dae3f2!important;color:var(--steel-200, #DAE3F2)!important;min-height:36px!important;font-size:14px;border-left:4px solid transparent;background-color:transparent;transition:all .1s ease-in-out!important}.sidebar-item-secondary a[data-v-37098230]:hover,.sidebar-item-secondary a[data-v-37098230]:focus-visible{background-color:#ffffff0d}.sidebar-item-secondary a>.sidebar-item-display.has-badge[data-v-37098230]{justify-content:space-between}.sidebar-item-secondary a>.sidebar-item-display.has-badge .has-badge-max-width[data-v-37098230]{max-width:134px!important}.sidebar-item-secondary.active>a[data-v-37098230]{color:#fff!important;color:var(--white, #fff)!important;background-color:#fff3;border-left:4px solid #07A88D;border-left:4px solid var(--green-500, #07A88D);font-weight:600!important}.sidebar-item-display[data-v-37098230]{display:flex;align-items:center;width:100%;height:100%;padding:0 16px}.sidebar-item-display .sidebar-item-name-container[data-v-37098230]{line-height:1.3;-webkit-user-select:none;user-select:none}.sidebar-item-display .sidebar-item-name-container .truncate-text[data-v-37098230]{overflow:hidden;height:100%;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-17[data-v-37098230]{max-width:17ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-20[data-v-37098230]{max-width:20ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-24[data-v-37098230]{max-width:24ch}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name[data-v-37098230]{display:flex;align-items:center}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip[data-v-37098230]{height:100%}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip span[data-v-37098230]{min-width:0;height:auto}.sidebar-item-display .sidebar-item-label[data-v-37098230]{margin-top:4px;color:#a3b6d9;color:var(--steel-300, #A3B6D9);font-size:12px}.sidebar-item-display .sidebar-item-icon[data-v-37098230]{display:flex;align-items:center;padding-right:14px;line-height:0}.sidebar-item-icon[data-v-b53ca5d3]{display:flex;padding-right:14px;line-height:0}.sidebar-profile-link[data-v-b53ca5d3]{display:flex;align-items:center;height:70px!important;padding-left:14px;color:#a3b6d9;color:var(--steel-300, #A3B6D9);background-color:#0a2b66;background-color:var(--blue-700, #0A2B66);text-decoration:none;white-space:nowrap}.sidebar-profile-item-container[data-v-b53ca5d3],.sidebar-profile-dropdown-container[data-v-b53ca5d3]{display:flex;align-items:center;width:100%;height:100%}.sidebar-profile-dropdown-container[data-v-b53ca5d3]{width:100%;padding-right:16px}.sidebar-profile-dropdown-container[data-v-b53ca5d3] .k-dropdown{width:100%;height:100%}.sidebar-profile-dropdown-container[data-v-b53ca5d3] .k-dropdown>*{width:100%;height:100%}.sidebar-profile-dropdown-container[data-v-b53ca5d3] .k-dropdown>* .k-dropdown-trigger{display:flex;align-items:center;width:100%;height:100%;font-size:14px}.profile-dropdown-trigger[data-v-b53ca5d3]{display:flex;align-items:center;width:100%;height:100%;color:#a3b6d9;color:var(--steel-300, #A3B6D9);font-weight:500;text-decoration:none;white-space:nowrap;transition:color .2s ease-out;cursor:pointer}.profile-dropdown-trigger[data-v-b53ca5d3]:hover,.profile-dropdown-trigger[data-v-b53ca5d3]:focus-visible{color:#fff;color:var(--white, #fff)}.profile-dropdown-trigger[data-v-b53ca5d3]:focus-visible{outline:none}.profile-dropdown-trigger:focus-visible span[data-v-b53ca5d3]{outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9)}.sidebar-profile-name[data-v-b53ca5d3]{line-height:1.3;max-width:170px;padding-right:1ch;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover{--KPopPaddingX: 0 !important;--KPopPaddingY: 0 !important;margin-top:0!important;left:-2px!important}[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover.fade-enter-active,[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover.fade-enter-to,[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover.fade-leave-active,[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover.fade-leave-to{animation:none!important}[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover .k-dropdown-list{margin:var(--spacing-sm) 0;padding-left:0}[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover .k-dropdown-item-trigger:focus{outline:none;box-shadow:none}[data-v-b53ca5d3] .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-1c82e900]{position:fixed;top:var(--bdbd8fbc);display:flex;flex-direction:column;width:100%;height:var(--788ae98c);background:linear-gradient(180deg,#003694 54.17%,#0f203f 100%);left:-100%;z-index:var(--93522ba4);transition:left .2s ease-in-out}@media (min-width: 640px){.kong-ui-app-sidebar[data-v-1c82e900]{width:240px;max-width:240px}}@media (min-width: 768px){.kong-ui-app-sidebar[data-v-1c82e900]{height:var(--609d40b8);top:var(--debeb938);left:0}}.kong-ui-app-sidebar.sidebar-open[data-v-1c82e900],.kong-ui-app-sidebar.mobile-disabled[data-v-1c82e900]{left:0}.kong-ui-app-sidebar.mobile-disabled[data-v-1c82e900]{width:240px}.kong-ui-app-sidebar.disable-transitions[data-v-1c82e900]{animation:none!important;transition:none!important}.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]{display:flex;flex-direction:column;height:100%;margin-top:var(--7f77b890);padding-top:16px;overflow-x:hidden;overflow-y:scroll;scrollbar-color:transparent transparent;scrollbar-gutter:stable both-edges;scrollbar-width:thin}@supports (overflow: overlay){.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]{overflow-y:overlay}}.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]::-webkit-scrollbar{width:8px;height:8px;opacity:1}.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]::-webkit-scrollbar-thumb{background:transparent;border-radius:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]: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-1c82e900]:hover::-webkit-scrollbar-thumb{background:#7d91b3;background:var(--steel-400, #7d91b3)}.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]:hover::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar[data-v-1c82e900] .k-dropdown-item{font-size:14px;line-height:1.3}@media (max-width: 767px){.mobile-header-hidden .sidebar-content-container[data-v-1c82e900],.no-sidebar-header .sidebar-content-container[data-v-1c82e900]{margin-top:0!important}}.sidebar-level-divider[data-v-1c82e900]{width:calc(100% - 32px);height:1px;min-height:1px;margin:24px auto;background-color:#ffffff80}.sidebar-header[data-v-1c82e900]{position:absolute;display:var(--03d17258);min-height:var(--82aee0aa);top:0;left:0;right:0;z-index:1;align-items:center;padding:0 20px;color:#fff;background:linear-gradient(180deg,#003694 70.83%,rgba(0,54,148,0) 100%);-webkit-user-select:none;user-select:none}@media (min-width: 768px){.sidebar-header[data-v-1c82e900]{display:flex}}.sidebar-header[data-v-1c82e900]>*{display:flex}.sidebar-header[data-v-1c82e900]>a{text-decoration:none}.sidebar-header[data-v-1c82e900]>a:focus-visible{outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9);border-radius:4px}.sidebar-header[data-v-1c82e900]:after{content:"";display:block;background-image:linear-gradient(#003496,rgba(120,120,84,0));height:16px;margin-bottom:-16px;position:absolute;bottom:0;left:0;z-index:1;width:100%}.sidebar-top[data-v-1c82e900]{display:flex;align-items:center;margin:0 0 16px;padding:0 8px;color:#fff;user-select:none}.external-profile-dropdown-link[data-v-1c82e900] button.k-dropdown-item-trigger{padding:0!important}.external-profile-dropdown-link[data-v-1c82e900] button.k-dropdown-item-trigger:focus-visible{outline:none}.sidebar-item-external-link[data-v-1c82e900]{display:flex;align-items:center;justify-content:space-between;font-size:14px;line-height:1.3;text-decoration:none}.sidebar-item-external-link[data-v-1c82e900]: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-1c82e900]{padding:var(--spacing-md) var(--spacing-lg)}.sidebar-item-external-link[data-v-1c82e900] .kong-icon{display:inline-flex;margin-bottom:-7px}.kong-ui-app-sidebar-overlay[data-v-1c82e900]{position:fixed;top:var(--d82cea1a);bottom:0;left:0;right:0;background-color:#0b172d99;z-index:var(--827243cc)}@media (min-width: 768px){.kong-ui-app-sidebar-overlay[data-v-1c82e900]{display:none!important}}.kong-ui-app-sidebar .level-primary,.kong-ui-app-sidebar .level-secondary{margin:0;padding:0;list-style:none}.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: 768px){body.kong-ui-app-sidebar-open{overflow:auto}}.sidebar-menu-toggle[data-v-e9d81dd5]{position:relative;padding:0 4px;border-radius:3px;transition:all .3s ease-in-out}.sidebar-menu-toggle[data-v-e9d81dd5]:focus-visible{outline:1px solid #1155cb;outline:1px solid var(--kong-ui-app-sidebar-mobile-icon-color, var(--blue-500, #1155cb))}@media (min-width: 768px){.sidebar-menu-toggle[data-v-e9d81dd5]{display:none}}.sidebar-menu-toggle .line[data-v-e9d81dd5]{display:block;width:24px;height:2px;border-radius:4px;background-color:#1155cb;background-color:var(--kong-ui-app-sidebar-mobile-icon-color, var(--blue-500, #1155cb));margin:6px auto;transition:all .3s ease-in-out}.sidebar-menu-toggle.active .line[data-v-e9d81dd5]:nth-child(2){opacity:0}.sidebar-menu-toggle.active .line[data-v-e9d81dd5]:nth-child(1){transform:translateY(8px) rotate(45deg)}.sidebar-menu-toggle.active .line[data-v-e9d81dd5]: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: $font-family-base;--font-family-mono: $font-family-mono;--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{margin:0;padding:0;width:100%;overscroll-behavior-y:none}body.kong-ui-app-layout-body{background-color:#f8f8fa;background-color:var(--grey-100, #f8f8fa);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;color:#0b172d;color:var(--black-500, #0b172d);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-67bfc889]{display:flex;flex-direction:column;width:100%;height:100%;position:relative;font-family:Inter,Helvetica,Arial,sans-serif;background-color:#003694;overflow:hidden}.kong-ui-app-layout[data-v-67bfc889] .kong-ui-app-navbar .mobile-logo{display:flex;align-items:center}@media (min-width: 768px){.kong-ui-app-layout[data-v-67bfc889] .kong-ui-app-navbar .mobile-logo{display:none}}.kong-ui-app-layout[data-v-67bfc889] .kong-ui-app-navbar .mobile-logo>*{display:flex;align-items:center}.kong-ui-app-layout[data-v-67bfc889] .kong-ui-app-navbar .mobile-logo a{text-decoration:none}.kong-ui-app-layout .kong-ui-app-layout-main[data-v-67bfc889]{display:flex;align-items:flex-start;flex-grow:1;width:100%;height:100%;margin-top:var(--edf7479a);background-color:#f8f8fa;background-color:var(--grey-100, #f8f8fa)}@media (min-width: 768px){.kong-ui-app-layout .kong-ui-app-layout-main[data-v-67bfc889]{width:calc(100% - 240px);margin-left:240px}}.kong-ui-app-layout .kong-ui-app-layout-main.full-width[data-v-67bfc889]{margin-left:0}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content[data-v-67bfc889]{position:relative;width:100%;padding:16px;padding:var(--kong-ui-app-layout-content-padding, 16px)}.kong-ui-app-layout.navbar-hidden .kong-ui-app-layout-main[data-v-67bfc889]{margin-top:0}.kong-ui-app-layout.sidebar-hidden .kong-ui-app-layout-main[data-v-67bfc889]{width:100%;margin-left:0}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-67bfc889]{position:fixed;top:0;left:0;right:0;z-index:1}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-67bfc889] .k-alert{border-radius:0!important}.top-bar-dropdown-menu[data-v-b5a37136]{display:flex;margin-right:4px}.kong-ui-app-error[data-v-aaa5c166]{display:flex;flex-direction:column;align-items:center;margin:32px auto 0;padding-bottom:48px;border-top:3px solid #169fcc;border-top:3px solid var(--teal-300, #169fcc);background-color:#fff;width:100%}@media (min-width: 640px){.kong-ui-app-error[data-v-aaa5c166]{width:80%}}@media (min-width: 1024px){.kong-ui-app-error[data-v-aaa5c166]{max-width:840px}}.kong-ui-app-error .banana-icon[data-v-aaa5c166]{margin:32px auto 24px;animation-delay:.75s}.kong-ui-app-error .kong-ui-app-error-content[data-v-aaa5c166]{padding:0 16px;opacity:0;animation:.75s cubic-bezier(.785,.135,.15,.86) forwards fadeIn-aaa5c166}@media (min-width: 768px){.kong-ui-app-error .kong-ui-app-error-content[data-v-aaa5c166]{padding:0 36px}}@media (prefers-reduced-motion){.kong-ui-app-error .kong-ui-app-error-content[data-v-aaa5c166]{animation:none;opacity:1}}@keyframes fadeIn-aaa5c166{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.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);margin-top:0;margin-bottom:16px;font-size:32px;font-weight:600}.external-link .kong-icon-externalLink svg path{fill:currentColor}.external-link[data-v-8368fd0f]{display:flex;align-items:center;text-decoration:none}.external-link .kong-icon-externalLink svg[data-v-8368fd0f]{margin-left:8px}.external-link .ml-mb-auto[data-v-8368fd0f]{margin-left:auto;margin-bottom:auto}
|
|
1
|
+
.kong-ui-app-navbar[data-v-bc6741e9]{position:fixed;top:var(--769793c2);left:0;right:0;background-color:#fff;background-color:var(--kong-ui-app-navbar-background-color, #fff);border-bottom:1px solid rgba(0,0,0,.1);z-index:var(--a0e75924)}@media (min-width: 768px){.kong-ui-app-navbar[data-v-bc6741e9]{left:var(--5c627706)}}.kong-ui-app-navbar .header-content[data-v-bc6741e9]{display:flex;align-items:center;justify-content:space-between;gap:16px;height:60px;padding:0 16px}.kong-ui-app-navbar .mobile-header-left[data-v-bc6741e9]{display:inline-flex;gap:16px}@media (min-width: 768px){.kong-ui-app-navbar .mobile-header-left[data-v-bc6741e9]{display:none}}.item-badge[data-v-353c13e0]{color:#fff;color:var(--white, #fff);background-color:#d44324;background-color:var(--red-500, #D44324);padding:2px 6px;border-radius:16px;font-size:12px;font-weight:400;line-height:1.1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:36px;-webkit-user-select:none;user-select:none}.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{display:flex;align-items:center;justify-content:space-between;min-height:48px;text-decoration:none;font-size:14px;font-weight:500;color:#a3b6d9;color:var(--steel-300, #A3B6D9);cursor:pointer;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;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:#fff;color:var(--white, #fff)}.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:#fff;fill:var(--white, #fff)}.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{display:flex;align-items:center;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:#fff;color:var(--white, #fff)}.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:600!important}.kong-ui-app-sidebar .sidebar-item-primary ul.level-secondary,.kong-ui-app-sidebar .sidebar-item-secondary ul.level-secondary{padding:4px 0 12px;border-top:1px solid rgba(0,0,0,.1);border-top:1px solid var(--black-10, rgba(0, 0, 0, .1))}.sidebar-item-primary.active[data-v-37098230],.sidebar-item-primary.expanded[data-v-37098230]{background-color:#ffffff1a;border-radius:4px}.sidebar-item-primary>a[data-v-37098230],.sidebar-item-primary>div>a[data-v-37098230]{border-radius:4px}.sidebar-item-primary>a>.sidebar-item-display.has-label[data-v-37098230],.sidebar-item-primary>div>a>.sidebar-item-display.has-label[data-v-37098230]{padding-top:12px;padding-bottom:12px}.sidebar-item-secondary[data-v-37098230]{margin-bottom:4px}.sidebar-item-secondary[data-v-37098230]:last-of-type{margin-bottom:0}.sidebar-item-secondary a[data-v-37098230]{color:#dae3f2!important;color:var(--steel-200, #DAE3F2)!important;min-height:36px!important;font-size:14px;border-left:4px solid transparent;background-color:transparent;transition:all .1s ease-in-out!important}.sidebar-item-secondary a[data-v-37098230]:hover,.sidebar-item-secondary a[data-v-37098230]:focus-visible{background-color:#ffffff0d}.sidebar-item-secondary a>.sidebar-item-display.has-badge[data-v-37098230]{justify-content:space-between}.sidebar-item-secondary a>.sidebar-item-display.has-badge .has-badge-max-width[data-v-37098230]{max-width:134px!important}.sidebar-item-secondary.active>a[data-v-37098230]{color:#fff!important;color:var(--white, #fff)!important;background-color:#fff3;border-left:4px solid #07A88D;border-left:4px solid var(--green-500, #07A88D);font-weight:600!important}.sidebar-item-display[data-v-37098230]{display:flex;align-items:center;width:100%;height:100%;padding:0 16px}.sidebar-item-display .sidebar-item-name-container[data-v-37098230]{line-height:1.3;-webkit-user-select:none;user-select:none}.sidebar-item-display .sidebar-item-name-container .truncate-text[data-v-37098230]{overflow:hidden;height:100%;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-17[data-v-37098230]{max-width:17ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-20[data-v-37098230]{max-width:20ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-24[data-v-37098230]{max-width:24ch}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name[data-v-37098230]{display:flex;align-items:center}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip[data-v-37098230]{height:100%}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip span[data-v-37098230]{min-width:0;height:auto}.sidebar-item-display .sidebar-item-label[data-v-37098230]{margin-top:4px;color:#a3b6d9;color:var(--steel-300, #A3B6D9);font-size:12px}.sidebar-item-display .sidebar-item-icon[data-v-37098230]{display:flex;align-items:center;padding-right:14px;line-height:0}.sidebar-item-icon[data-v-b53ca5d3]{display:flex;padding-right:14px;line-height:0}.sidebar-profile-link[data-v-b53ca5d3]{display:flex;align-items:center;height:70px!important;padding-left:14px;color:#a3b6d9;color:var(--steel-300, #A3B6D9);background-color:#0a2b66;background-color:var(--blue-700, #0A2B66);text-decoration:none;white-space:nowrap}.sidebar-profile-item-container[data-v-b53ca5d3],.sidebar-profile-dropdown-container[data-v-b53ca5d3]{display:flex;align-items:center;width:100%;height:100%}.sidebar-profile-dropdown-container[data-v-b53ca5d3]{width:100%;padding-right:16px}.sidebar-profile-dropdown-container[data-v-b53ca5d3] .k-dropdown{width:100%;height:100%}.sidebar-profile-dropdown-container[data-v-b53ca5d3] .k-dropdown>*{width:100%;height:100%}.sidebar-profile-dropdown-container[data-v-b53ca5d3] .k-dropdown>* .k-dropdown-trigger{display:flex;align-items:center;width:100%;height:100%;font-size:14px}.profile-dropdown-trigger[data-v-b53ca5d3]{display:flex;align-items:center;width:100%;height:100%;color:#a3b6d9;color:var(--steel-300, #A3B6D9);font-weight:500;text-decoration:none;white-space:nowrap;transition:color .2s ease-out;cursor:pointer}.profile-dropdown-trigger[data-v-b53ca5d3]:hover,.profile-dropdown-trigger[data-v-b53ca5d3]:focus-visible{color:#fff;color:var(--white, #fff)}.profile-dropdown-trigger[data-v-b53ca5d3]:focus-visible{outline:none}.profile-dropdown-trigger:focus-visible span[data-v-b53ca5d3]{outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9)}.sidebar-profile-name[data-v-b53ca5d3]{line-height:1.3;max-width:170px;padding-right:1ch;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover{--KPopPaddingX: 0 !important;--KPopPaddingY: 0 !important;margin-top:0!important;left:-2px!important}[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover.fade-enter-active,[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover.fade-enter-to,[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover.fade-leave-active,[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover.fade-leave-to{animation:none!important}[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover .k-dropdown-list{margin:var(--spacing-sm) 0;padding-left:0}[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover .k-dropdown-item-trigger:focus{outline:none;box-shadow:none}[data-v-b53ca5d3] .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-1c82e900]{position:fixed;top:var(--bdbd8fbc);display:flex;flex-direction:column;width:100%;height:var(--788ae98c);background:linear-gradient(180deg,#003694 54.17%,#0f203f 100%);left:-100%;z-index:var(--93522ba4);transition:left .2s ease-in-out}@media (min-width: 640px){.kong-ui-app-sidebar[data-v-1c82e900]{width:240px;max-width:240px}}@media (min-width: 768px){.kong-ui-app-sidebar[data-v-1c82e900]{height:var(--609d40b8);top:var(--debeb938);left:0}}.kong-ui-app-sidebar.sidebar-open[data-v-1c82e900],.kong-ui-app-sidebar.mobile-disabled[data-v-1c82e900]{left:0}.kong-ui-app-sidebar.mobile-disabled[data-v-1c82e900]{width:240px}.kong-ui-app-sidebar.disable-transitions[data-v-1c82e900]{animation:none!important;transition:none!important}.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]{display:flex;flex-direction:column;height:100%;margin-top:var(--7f77b890);padding-top:16px;overflow-x:hidden;overflow-y:scroll;scrollbar-color:transparent transparent;scrollbar-gutter:stable both-edges;scrollbar-width:thin}@supports (overflow: overlay){.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]{overflow-y:overlay}}.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]::-webkit-scrollbar{width:8px;height:8px;opacity:1}.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]::-webkit-scrollbar-thumb{background:transparent;border-radius:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]: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-1c82e900]:hover::-webkit-scrollbar-thumb{background:#7d91b3;background:var(--steel-400, #7d91b3)}.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]:hover::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar[data-v-1c82e900] .k-dropdown-item{font-size:14px;line-height:1.3}@media (max-width: 767px){.mobile-header-hidden .sidebar-content-container[data-v-1c82e900],.no-sidebar-header .sidebar-content-container[data-v-1c82e900]{margin-top:0!important}}.sidebar-level-divider[data-v-1c82e900]{width:calc(100% - 32px);height:1px;min-height:1px;margin:24px auto;background-color:#ffffff80}.sidebar-header[data-v-1c82e900]{position:absolute;display:var(--03d17258);min-height:var(--82aee0aa);top:0;left:0;right:0;z-index:1;align-items:center;padding:0 20px;color:#fff;background:linear-gradient(180deg,#003694 70.83%,rgba(0,54,148,0) 100%);-webkit-user-select:none;user-select:none}@media (min-width: 768px){.sidebar-header[data-v-1c82e900]{display:flex}}.sidebar-header[data-v-1c82e900]>*{display:flex}.sidebar-header[data-v-1c82e900]>a{text-decoration:none}.sidebar-header[data-v-1c82e900]>a:focus-visible{outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9);border-radius:4px}.sidebar-header[data-v-1c82e900]:after{content:"";display:block;background-image:linear-gradient(#003496,rgba(120,120,84,0));height:16px;margin-bottom:-16px;position:absolute;bottom:0;left:0;z-index:1;width:100%}.sidebar-top[data-v-1c82e900]{display:flex;align-items:center;margin:0 0 16px;padding:0 8px;color:#fff;user-select:none}.external-profile-dropdown-link[data-v-1c82e900] button.k-dropdown-item-trigger{padding:0!important}.external-profile-dropdown-link[data-v-1c82e900] button.k-dropdown-item-trigger:focus-visible{outline:none}.sidebar-item-external-link[data-v-1c82e900]{display:flex;align-items:center;justify-content:space-between;font-size:14px;line-height:1.3;text-decoration:none}.sidebar-item-external-link[data-v-1c82e900]: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-1c82e900]{padding:var(--spacing-md) var(--spacing-lg)}.sidebar-item-external-link[data-v-1c82e900] .kong-icon{display:inline-flex;margin-bottom:-7px}.kong-ui-app-sidebar-overlay[data-v-1c82e900]{position:fixed;top:var(--d82cea1a);bottom:0;left:0;right:0;background-color:#0b172d99;z-index:var(--827243cc)}@media (min-width: 768px){.kong-ui-app-sidebar-overlay[data-v-1c82e900]{display:none!important}}.kong-ui-app-sidebar .level-primary,.kong-ui-app-sidebar .level-secondary{margin:0;padding:0;list-style:none}.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: 768px){body.kong-ui-app-sidebar-open{overflow:auto}}.sidebar-menu-toggle[data-v-e9d81dd5]{position:relative;padding:0 4px;border-radius:3px;transition:all .3s ease-in-out}.sidebar-menu-toggle[data-v-e9d81dd5]:focus-visible{outline:1px solid #1155cb;outline:1px solid var(--kong-ui-app-sidebar-mobile-icon-color, var(--blue-500, #1155cb))}@media (min-width: 768px){.sidebar-menu-toggle[data-v-e9d81dd5]{display:none}}.sidebar-menu-toggle .line[data-v-e9d81dd5]{display:block;width:24px;height:2px;border-radius:4px;background-color:#1155cb;background-color:var(--kong-ui-app-sidebar-mobile-icon-color, var(--blue-500, #1155cb));margin:6px auto;transition:all .3s ease-in-out}.sidebar-menu-toggle.active .line[data-v-e9d81dd5]:nth-child(2){opacity:0}.sidebar-menu-toggle.active .line[data-v-e9d81dd5]:nth-child(1){transform:translateY(8px) rotate(45deg)}.sidebar-menu-toggle.active .line[data-v-e9d81dd5]: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{margin:0;padding:0;width:100%;overscroll-behavior-y:none}body.kong-ui-app-layout-body{background-color:#f8f8fa;background-color:var(--grey-100, #f8f8fa);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;color:#0b172d;color:var(--black-500, #0b172d);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-67bfc889]{display:flex;flex-direction:column;width:100%;height:100%;position:relative;font-family:Inter,Helvetica,Arial,sans-serif;background-color:#003694;overflow:hidden}.kong-ui-app-layout[data-v-67bfc889] .kong-ui-app-navbar .mobile-logo{display:flex;align-items:center}@media (min-width: 768px){.kong-ui-app-layout[data-v-67bfc889] .kong-ui-app-navbar .mobile-logo{display:none}}.kong-ui-app-layout[data-v-67bfc889] .kong-ui-app-navbar .mobile-logo>*{display:flex;align-items:center}.kong-ui-app-layout[data-v-67bfc889] .kong-ui-app-navbar .mobile-logo a{text-decoration:none}.kong-ui-app-layout .kong-ui-app-layout-main[data-v-67bfc889]{display:flex;align-items:flex-start;flex-grow:1;width:100%;height:100%;margin-top:var(--edf7479a);background-color:#f8f8fa;background-color:var(--grey-100, #f8f8fa)}@media (min-width: 768px){.kong-ui-app-layout .kong-ui-app-layout-main[data-v-67bfc889]{width:calc(100% - 240px);margin-left:240px}}.kong-ui-app-layout .kong-ui-app-layout-main.full-width[data-v-67bfc889]{margin-left:0}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content[data-v-67bfc889]{position:relative;width:100%;padding:16px;padding:var(--kong-ui-app-layout-content-padding, 16px)}.kong-ui-app-layout.navbar-hidden .kong-ui-app-layout-main[data-v-67bfc889]{margin-top:0}.kong-ui-app-layout.sidebar-hidden .kong-ui-app-layout-main[data-v-67bfc889]{width:100%;margin-left:0}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-67bfc889]{position:fixed;top:0;left:0;right:0;z-index:1}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-67bfc889] .k-alert{border-radius:0!important}.top-bar-dropdown-menu[data-v-b5a37136]{display:flex;margin-right:4px}.kong-ui-app-error[data-v-aaa5c166]{display:flex;flex-direction:column;align-items:center;margin:32px auto 0;padding-bottom:48px;border-top:3px solid #169fcc;border-top:3px solid var(--teal-300, #169fcc);background-color:#fff;width:100%}@media (min-width: 640px){.kong-ui-app-error[data-v-aaa5c166]{width:80%}}@media (min-width: 1024px){.kong-ui-app-error[data-v-aaa5c166]{max-width:840px}}.kong-ui-app-error .banana-icon[data-v-aaa5c166]{margin:32px auto 24px;animation-delay:.75s}.kong-ui-app-error .kong-ui-app-error-content[data-v-aaa5c166]{padding:0 16px;opacity:0;animation:.75s cubic-bezier(.785,.135,.15,.86) forwards fadeIn-aaa5c166}@media (min-width: 768px){.kong-ui-app-error .kong-ui-app-error-content[data-v-aaa5c166]{padding:0 36px}}@media (prefers-reduced-motion){.kong-ui-app-error .kong-ui-app-error-content[data-v-aaa5c166]{animation:none;opacity:1}}@keyframes fadeIn-aaa5c166{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.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);margin-top:0;margin-bottom:16px;font-size:32px;font-weight:600}.external-link .kong-icon-externalLink svg path{fill:currentColor}.external-link[data-v-8368fd0f]{display:flex;align-items:center;text-decoration:none}.external-link .kong-icon-externalLink svg[data-v-8368fd0f]{margin-left:8px}.external-link .ml-mb-auto[data-v-8368fd0f]{margin-left:auto;margin-bottom:auto}
|