@kong-ui-public/app-layout 0.19.17 → 0.19.18
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/app-layout.es.js +3 -3
- package/dist/app-layout.umd.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/app-layout.es.js
CHANGED
|
@@ -93,7 +93,7 @@ const Ln = /* @__PURE__ */ ne(Bn, [["__scopeId", "data-v-9e48c714"]]), Mn = ["da
|
|
|
93
93
|
class: "sidebar-item-icon"
|
|
94
94
|
}, jn = { class: "sidebar-item-name-container" }, Hn = { class: "sidebar-item-name has-tooltip" }, Kn = {
|
|
95
95
|
key: 2,
|
|
96
|
-
class: "sidebar-item-label truncate-text truncate-
|
|
96
|
+
class: "sidebar-item-label truncate-text truncate-18"
|
|
97
97
|
}, zn = ["id"], Vn = /* @__PURE__ */ ae({
|
|
98
98
|
__name: "SidebarItem",
|
|
99
99
|
props: {
|
|
@@ -160,7 +160,7 @@ const Ln = /* @__PURE__ */ ne(Bn, [["__scopeId", "data-v-9e48c714"]]), Mn = ["da
|
|
|
160
160
|
default: z(() => [
|
|
161
161
|
I("div", Hn, [
|
|
162
162
|
I("span", {
|
|
163
|
-
class: te(["truncate-text", [n.subnavItem ? "truncate-
|
|
163
|
+
class: te(["truncate-text", [n.subnavItem ? "truncate-18" : "truncate-17", { "has-badge-max-width": p(d) }]])
|
|
164
164
|
}, ge(n.item.name), 3)
|
|
165
165
|
])
|
|
166
166
|
]),
|
|
@@ -194,7 +194,7 @@ const Ln = /* @__PURE__ */ ne(Bn, [["__scopeId", "data-v-9e48c714"]]), Mn = ["da
|
|
|
194
194
|
};
|
|
195
195
|
}
|
|
196
196
|
});
|
|
197
|
-
const Dt = /* @__PURE__ */ ne(Vn, [["__scopeId", "data-v-
|
|
197
|
+
const Dt = /* @__PURE__ */ ne(Vn, [["__scopeId", "data-v-a431310f"]]);
|
|
198
198
|
/*!
|
|
199
199
|
* tabbable 6.1.2
|
|
200
200
|
* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
|
package/dist/app-layout.umd.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(R,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(R=typeof globalThis<"u"?globalThis:R||self,e(R["kong-ui-public-app-layout"]={},R.Vue))})(this,function(R,e){"use strict";const Bt={class:"kong-ui-app-navbar"},Ot={class:"header-content"},xt={class:"mobile-header-left"},At={key:0,class:"app-navbar-logo"},Ft={class:"navbar-content"},$t={class:"navbar-content-left"},Dt={class:"navbar-content-center"},Vt={class:"navbar-content-right"},Lt=e.defineComponent({__name:"AppNavbar",props:{topOffset:{type:Number,default:0},leftOffset:{type:Number,default:240},zIndex:{type:Number,default:3}},setup(r){const n=r;e.useCssVars(c=>({e7993570:e.unref(f).top,"591d67a5":e.unref(f).zIndex,"0b950b18":e.unref(f).left,74170388:l.marginRight,"482efd74":l.width}));const a=e.useSlots(),o=e.computed(()=>!!a.logo),l=e.reactive({marginRight:"0",width:"0"});e.onMounted(()=>{var c,b;(b=(c=document==null?void 0:document.querySelector(".kong-ui-app-navbar .app-navbar-logo"))==null?void 0:c.children)!=null&&b.length?(l.marginRight="32px",l.width="calc(240px - 32px)"):(l.marginRight="0",l.width="0")});const f=e.computed(()=>({top:n.topOffset?`${n.topOffset}px`:"0",left:n.leftOffset?`${n.leftOffset}px`:"0",zIndex:n.zIndex}));return(c,b)=>(e.openBlock(),e.createElementBlock("header",Bt,[e.createElementVNode("div",Ot,[e.createElementVNode("div",xt,[e.renderSlot(c.$slots,"mobile-sidebar-toggle"),e.renderSlot(c.$slots,"mobile-logo")]),e.unref(o)?(e.openBlock(),e.createElementBlock("div",At,[e.renderSlot(c.$slots,"logo")])):e.createCommentVNode("",!0),e.createElementVNode("div",Ft,[e.createElementVNode("div",$t,[e.renderSlot(c.$slots,"left")]),e.createElementVNode("div",Dt,[e.renderSlot(c.$slots,"center")]),e.createElementVNode("div",Vt,[e.renderSlot(c.$slots,"right")])])])]))}}),Er="",U=(r,n)=>{const a=r.__vccOpts||r;for(const[o,l]of n)a[o]=l;return a},Me=U(Lt,[["__scopeId","data-v-b7131fb2"]]),Rt=["title"],Mt=e.defineComponent({__name:"ItemBadge",props:{count:{type:Number,required:!0,default:void 0}},setup(r){const n=r,a=99,o=e.computed(()=>n.count?n.count>a?`${a}+`:n.count.toString():"");return(l,f)=>e.unref(o)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"item-badge",title:(r.count||0)>a?String(r.count):void 0},e.toDisplayString(e.unref(o)),9,Rt)):e.createCommentVNode("",!0)}}),Nr="",Pt=U(Mt,[["__scopeId","data-v-9e48c714"]]),Zt=["data-testid"],jt=["aria-controls","aria-expanded","href","target","onClick","onKeypress"],Ht={key:0,class:"sidebar-item-icon"},Kt={class:"sidebar-item-name-container"},zt={class:"sidebar-item-name has-tooltip"},Ut={key:2,class:"sidebar-item-label truncate-text truncate-
|
|
1
|
+
(function(R,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(R=typeof globalThis<"u"?globalThis:R||self,e(R["kong-ui-public-app-layout"]={},R.Vue))})(this,function(R,e){"use strict";const Bt={class:"kong-ui-app-navbar"},Ot={class:"header-content"},xt={class:"mobile-header-left"},At={key:0,class:"app-navbar-logo"},Ft={class:"navbar-content"},$t={class:"navbar-content-left"},Dt={class:"navbar-content-center"},Vt={class:"navbar-content-right"},Lt=e.defineComponent({__name:"AppNavbar",props:{topOffset:{type:Number,default:0},leftOffset:{type:Number,default:240},zIndex:{type:Number,default:3}},setup(r){const n=r;e.useCssVars(c=>({e7993570:e.unref(f).top,"591d67a5":e.unref(f).zIndex,"0b950b18":e.unref(f).left,74170388:l.marginRight,"482efd74":l.width}));const a=e.useSlots(),o=e.computed(()=>!!a.logo),l=e.reactive({marginRight:"0",width:"0"});e.onMounted(()=>{var c,b;(b=(c=document==null?void 0:document.querySelector(".kong-ui-app-navbar .app-navbar-logo"))==null?void 0:c.children)!=null&&b.length?(l.marginRight="32px",l.width="calc(240px - 32px)"):(l.marginRight="0",l.width="0")});const f=e.computed(()=>({top:n.topOffset?`${n.topOffset}px`:"0",left:n.leftOffset?`${n.leftOffset}px`:"0",zIndex:n.zIndex}));return(c,b)=>(e.openBlock(),e.createElementBlock("header",Bt,[e.createElementVNode("div",Ot,[e.createElementVNode("div",xt,[e.renderSlot(c.$slots,"mobile-sidebar-toggle"),e.renderSlot(c.$slots,"mobile-logo")]),e.unref(o)?(e.openBlock(),e.createElementBlock("div",At,[e.renderSlot(c.$slots,"logo")])):e.createCommentVNode("",!0),e.createElementVNode("div",Ft,[e.createElementVNode("div",$t,[e.renderSlot(c.$slots,"left")]),e.createElementVNode("div",Dt,[e.renderSlot(c.$slots,"center")]),e.createElementVNode("div",Vt,[e.renderSlot(c.$slots,"right")])])])]))}}),Er="",U=(r,n)=>{const a=r.__vccOpts||r;for(const[o,l]of n)a[o]=l;return a},Me=U(Lt,[["__scopeId","data-v-b7131fb2"]]),Rt=["title"],Mt=e.defineComponent({__name:"ItemBadge",props:{count:{type:Number,required:!0,default:void 0}},setup(r){const n=r,a=99,o=e.computed(()=>n.count?n.count>a?`${a}+`:n.count.toString():"");return(l,f)=>e.unref(o)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"item-badge",title:(r.count||0)>a?String(r.count):void 0},e.toDisplayString(e.unref(o)),9,Rt)):e.createCommentVNode("",!0)}}),Nr="",Pt=U(Mt,[["__scopeId","data-v-9e48c714"]]),Zt=["data-testid"],jt=["aria-controls","aria-expanded","href","target","onClick","onKeypress"],Ht={key:0,class:"sidebar-item-icon"},Kt={class:"sidebar-item-name-container"},zt={class:"sidebar-item-name has-tooltip"},Ut={key:2,class:"sidebar-item-label truncate-text truncate-18"},Wt=["id"],Gt=e.defineComponent({__name:"SidebarItem",props:{item:{type:Object,required:!0},subnavItem:{type:Boolean,default:!1}},emits:["click"],setup(r,{emit:n}){const a=r,o=e.computed(()=>typeof a.item.to!="string"?!1:!!a.item.newWindow||!!a.item.external||a.item.to.startsWith("http")),l=e.computed(()=>!a.item.to||typeof a.item.to!="string"||!a.item.newWindow?!1:a.item.newWindow&&(a.item.to.startsWith("http")||a.item.to.startsWith("/"))),f=e.computed(()=>a.subnavItem&&a.item.badgeCount!==void 0),c=g=>{n("click",g)},b=(g,v,E)=>{c(v),typeof E=="function"&&(g.preventDefault(),E())};return(g,v)=>{var w;const E=e.resolveComponent("KIcon"),T=e.resolveComponent("KTooltip"),I=e.resolveComponent("SidebarItem",!0);return e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass([r.subnavItem?"sidebar-item-secondary":"sidebar-item-primary",{expanded:r.item.expanded},{active:r.item.active}]),"data-testid":r.item.testId?`sidebar-item-${r.item.testId}`:void 0},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o)?"div":"router-link"),{custom:e.unref(o)?void 0:!0,to:!e.unref(o)&&!e.unref(l)?r.item.to:void 0},{default:e.withCtx(S=>{var F,M;return[e.createElementVNode("a",{"aria-controls":(F=r.item.items)!=null&&F.length&&r.item.expanded?`subnav-${r.item.key}`:void 0,"aria-expanded":(M=r.item.items)!=null&&M.length&&r.item.expanded?!0:void 0,class:e.normalizeClass(["sidebar-item-link",{"sidebar-item-external-link":e.unref(l),"router-link":!e.unref(o)}]),href:e.unref(o)?String(r.item.to||"#"):S==null?void 0:S.href,target:e.unref(l)?"_blank":void 0,onClick:$=>b($,r.item,S==null?void 0:S.navigate),onKeypress:e.withKeys($=>b($,r.item,S==null?void 0:S.navigate),["enter"])},[e.createElementVNode("div",{class:e.normalizeClass(["sidebar-item-display",{"has-label":!!r.item.label&&r.item.expanded,"has-badge":e.unref(f)}])},[r.item.icon?(e.openBlock(),e.createElementBlock("div",Ht,[e.createVNode(E,{color:r.item.active||r.item.expanded?"var(--white, #fff)":"#B5BECD",icon:String(r.item.icon),size:"20"},null,8,["color","icon"])])):e.createCommentVNode("",!0),e.createElementVNode("div",Kt,[(r.subnavItem?r.item.name.length<25:r.item.name.length<18)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["sidebar-item-name truncate-text",[r.subnavItem?"has-badge-max-width truncate-24":"truncate-17"]])},e.toDisplayString(r.item.name),3)):(e.openBlock(),e.createBlock(T,{key:1,class:"sidebar-item-tooltip",label:r.item.name,placement:"right","position-fixed":""},{default:e.withCtx(()=>[e.createElementVNode("div",zt,[e.createElementVNode("span",{class:e.normalizeClass(["truncate-text",[r.subnavItem?"truncate-18":"truncate-17",{"has-badge-max-width":e.unref(f)}]])},e.toDisplayString(r.item.name),3)])]),_:1},8,["label"])),r.item.label&&r.item.expanded?(e.openBlock(),e.createElementBlock("div",Ut,e.toDisplayString(r.item.label),1)):e.createCommentVNode("",!0)]),e.unref(f)?(e.openBlock(),e.createBlock(Pt,{key:1,count:r.item.badgeCount},null,8,["count"])):e.createCommentVNode("",!0)],2)],42,jt)]}),_:1},8,["custom","to"])),(w=r.item.items)!=null&&w.length&&r.item.expanded?(e.openBlock(),e.createElementBlock("ul",{key:0,id:`subnav-${r.item.key}`,class:"level-secondary"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.item.items,S=>(e.openBlock(),e.createBlock(I,{key:S.name,item:S,"subnav-item":!0,onClick:F=>c(S)},null,8,["item","onClick"]))),128))],8,Wt)):e.createCommentVNode("",!0)],10,Zt)}}}),Ir="",Br="",Pe=U(Gt,[["__scopeId","data-v-a431310f"]]);/*!
|
|
2
2
|
* tabbable 6.1.2
|
|
3
3
|
* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
|
|
4
4
|
*/var Ze=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"],le=Ze.join(","),je=typeof Element>"u",q=je?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,de=!je&&Element.prototype.getRootNode?function(r){var n;return r==null||(n=r.getRootNode)===null||n===void 0?void 0:n.call(r)}:function(r){return r==null?void 0:r.ownerDocument},ue=function r(n,a){var o;a===void 0&&(a=!0);var l=n==null||(o=n.getAttribute)===null||o===void 0?void 0:o.call(n,"inert"),f=l===""||l==="true",c=f||a&&n&&r(n.parentNode);return c},qt=function(n){var a,o=n==null||(a=n.getAttribute)===null||a===void 0?void 0:a.call(n,"contenteditable");return o===""||o==="true"},He=function(n,a,o){if(ue(n))return[];var l=Array.prototype.slice.apply(n.querySelectorAll(le));return a&&q.call(n,le)&&l.unshift(n),l=l.filter(o),l},Ke=function r(n,a,o){for(var l=[],f=Array.from(n);f.length;){var c=f.shift();if(!ue(c,!1))if(c.tagName==="SLOT"){var b=c.assignedElements(),g=b.length?b:c.children,v=r(g,!0,o);o.flatten?l.push.apply(l,v):l.push({scopeParent:c,candidates:v})}else{var E=q.call(c,le);E&&o.filter(c)&&(a||!n.includes(c))&&l.push(c);var T=c.shadowRoot||typeof o.getShadowRoot=="function"&&o.getShadowRoot(c),I=!ue(T,!1)&&(!o.shadowRootFilter||o.shadowRootFilter(c));if(T&&I){var w=r(T===!0?c.children:T.children,!0,o);o.flatten?l.push.apply(l,w):l.push({scopeParent:c,candidates:w})}else f.unshift.apply(f,c.children)}}return l},ze=function(n,a){return n.tabIndex<0&&(a||/^(AUDIO|VIDEO|DETAILS)$/.test(n.tagName)||qt(n))&&isNaN(parseInt(n.getAttribute("tabindex"),10))?0:n.tabIndex},Yt=function(n,a){return n.tabIndex===a.tabIndex?n.documentOrder-a.documentOrder:n.tabIndex-a.tabIndex},Ue=function(n){return n.tagName==="INPUT"},Xt=function(n){return Ue(n)&&n.type==="hidden"},Jt=function(n){var a=n.tagName==="DETAILS"&&Array.prototype.slice.apply(n.children).some(function(o){return o.tagName==="SUMMARY"});return a},Qt=function(n,a){for(var o=0;o<n.length;o++)if(n[o].checked&&n[o].form===a)return n[o]},en=function(n){if(!n.name)return!0;var a=n.form||de(n),o=function(b){return a.querySelectorAll('input[type="radio"][name="'+b+'"]')},l;if(typeof window<"u"&&typeof window.CSS<"u"&&typeof window.CSS.escape=="function")l=o(window.CSS.escape(n.name));else try{l=o(n.name)}catch(c){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",c.message),!1}var f=Qt(l,n.form);return!f||f===n},tn=function(n){return Ue(n)&&n.type==="radio"},nn=function(n){return tn(n)&&!en(n)},an=function(n){var a,o=n&&de(n),l=(a=o)===null||a===void 0?void 0:a.host,f=!1;if(o&&o!==n){var c,b,g;for(f=!!((c=l)!==null&&c!==void 0&&(b=c.ownerDocument)!==null&&b!==void 0&&b.contains(l)||n!=null&&(g=n.ownerDocument)!==null&&g!==void 0&&g.contains(n));!f&&l;){var v,E,T;o=de(l),l=(v=o)===null||v===void 0?void 0:v.host,f=!!((E=l)!==null&&E!==void 0&&(T=E.ownerDocument)!==null&&T!==void 0&&T.contains(l))}}return f},We=function(n){var a=n.getBoundingClientRect(),o=a.width,l=a.height;return o===0&&l===0},rn=function(n,a){var o=a.displayCheck,l=a.getShadowRoot;if(getComputedStyle(n).visibility==="hidden")return!0;var f=q.call(n,"details>summary:first-of-type"),c=f?n.parentElement:n;if(q.call(c,"details:not([open]) *"))return!0;if(!o||o==="full"||o==="legacy-full"){if(typeof l=="function"){for(var b=n;n;){var g=n.parentElement,v=de(n);if(g&&!g.shadowRoot&&l(g)===!0)return We(n);n.assignedSlot?n=n.assignedSlot:!g&&v!==n.ownerDocument?n=v.host:n=g}n=b}if(an(n))return!n.getClientRects().length;if(o!=="legacy-full")return!0}else if(o==="non-zero-area")return We(n);return!1},on=function(n){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(n.tagName))for(var a=n.parentElement;a;){if(a.tagName==="FIELDSET"&&a.disabled){for(var o=0;o<a.children.length;o++){var l=a.children.item(o);if(l.tagName==="LEGEND")return q.call(a,"fieldset[disabled] *")?!0:!l.contains(n)}return!0}a=a.parentElement}return!1},fe=function(n,a){return!(a.disabled||ue(a)||Xt(a)||rn(a,n)||Jt(a)||on(a))},Se=function(n,a){return!(nn(a)||ze(a)<0||!fe(n,a))},cn=function(n){var a=parseInt(n.getAttribute("tabindex"),10);return!!(isNaN(a)||a>=0)},sn=function r(n){var a=[],o=[];return n.forEach(function(l,f){var c=!!l.scopeParent,b=c?l.scopeParent:l,g=ze(b,c),v=c?r(l.candidates):b;g===0?c?a.push.apply(a,v):a.push(b):o.push({documentOrder:f,tabIndex:g,item:l,isScope:c,content:v})}),o.sort(Yt).reduce(function(l,f){return f.isScope?l.push.apply(l,f.content):l.push(f.content),l},[]).concat(a)},ln=function(n,a){a=a||{};var o;return a.getShadowRoot?o=Ke([n],a.includeContainer,{filter:Se.bind(null,a),flatten:!1,getShadowRoot:a.getShadowRoot,shadowRootFilter:cn}):o=He(n,a.includeContainer,Se.bind(null,a)),sn(o)},dn=function(n,a){a=a||{};var o;return a.getShadowRoot?o=Ke([n],a.includeContainer,{filter:fe.bind(null,a),flatten:!0,getShadowRoot:a.getShadowRoot}):o=He(n,a.includeContainer,fe.bind(null,a)),o},pe=function(n,a){if(a=a||{},!n)throw new Error("No node provided");return q.call(n,le)===!1?!1:Se(a,n)},un=Ze.concat("iframe").join(","),Ce=function(n,a){if(a=a||{},!n)throw new Error("No node provided");return q.call(n,un)===!1?!1:fe(a,n)};/*!
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.kong-ui-app-navbar[data-v-b7131fb2]{background:transparent;background:var(--kong-ui-app-navbar-background, transparent);left:0;position:fixed;right:0;top:var(--e7993570);z-index:var(--591d67a5)}@media (min-width: 1024px){.kong-ui-app-navbar[data-v-b7131fb2]{left:var(--0b950b18)}}.kong-ui-app-navbar .header-content[data-v-b7131fb2]{align-items:center;display:flex;height:60px;justify-content:space-between;padding:0 16px}.kong-ui-app-navbar .app-navbar-logo[data-v-b7131fb2]{align-items:center;display:flex;height:100%;justify-content:flex-start;margin-right:var(--74170388);max-width:var(--482efd74);min-width:var(--482efd74)}.kong-ui-app-navbar .mobile-header-left[data-v-b7131fb2]{display:inline-flex;gap:16px}@media (min-width: 1024px){.kong-ui-app-navbar .mobile-header-left[data-v-b7131fb2]{display:none}}.kong-ui-app-navbar .app-navbar-links[data-v-b7131fb2],.kong-ui-app-navbar[data-v-b7131fb2] .app-navbar-links,.kong-ui-app-navbar .app-navbar-links[data-v-b7131fb2-s]{align-items:center;display:flex;height:100%}.kong-ui-app-navbar .app-navbar-links a[data-v-b7131fb2],.kong-ui-app-navbar[data-v-b7131fb2] .app-navbar-links a,.kong-ui-app-navbar .app-navbar-links[data-v-b7131fb2-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-b7131fb2],.kong-ui-app-navbar[data-v-b7131fb2] .app-navbar-links a,.kong-ui-app-navbar .app-navbar-links[data-v-b7131fb2-s] a{font-size:16px;padding:0 16px}}.kong-ui-app-navbar .app-navbar-links a.router-link-active[data-v-b7131fb2],.kong-ui-app-navbar .app-navbar-links a.active[data-v-b7131fb2],.kong-ui-app-navbar[data-v-b7131fb2] .app-navbar-links a.router-link-active,.kong-ui-app-navbar[data-v-b7131fb2] .app-navbar-links a.active,.kong-ui-app-navbar .app-navbar-links[data-v-b7131fb2-s] a.router-link-active,.kong-ui-app-navbar .app-navbar-links[data-v-b7131fb2-s] a.active{border-color:#84e5ae;border-color:var(--green-300, #84E5AE);font-weight:600!important}.kong-ui-app-navbar .navbar-content[data-v-b7131fb2]{align-items:center;display:flex;flex-direction:row;gap:8px;height:100%;justify-content:space-between;width:100%}@media (min-width: 768px){.kong-ui-app-navbar .navbar-content[data-v-b7131fb2]{gap:16px}}.kong-ui-app-navbar .navbar-content-left[data-v-b7131fb2],.kong-ui-app-navbar .navbar-content-center[data-v-b7131fb2],.kong-ui-app-navbar .navbar-content-right[data-v-b7131fb2]{align-items:center;display:flex;flex:1;gap:16px;height:100%}.kong-ui-app-navbar .navbar-content-left[data-v-b7131fb2]{justify-content:flex-start}.kong-ui-app-navbar .navbar-content-center[data-v-b7131fb2]{justify-content:center}.kong-ui-app-navbar .navbar-content-right[data-v-b7131fb2]{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{cursor:pointer;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;transition:all .2s ease-out}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link .kong-icon.kong-icon-brain svg path[stroke-width="2"],.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link .kong-icon.kong-icon-brain svg path[stroke-width="2"]{stroke:currentColor}.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,.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible svg,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:hover svg,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible svg{color:#84e5ae;color:var(--green-300, #84E5AE)}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:hover .kong-icon.kong-icon-brain svg path[stroke-width="2"],.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible .kong-icon.kong-icon-brain svg path[stroke-width="2"],.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:hover .kong-icon.kong-icon-brain svg path[stroke-width="2"],.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible .kong-icon.kong-icon-brain svg path[stroke-width="2"]{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-a8253818]{border:1px solid transparent}.sidebar-item-primary.active[data-v-a8253818],.sidebar-item-primary.expanded[data-v-a8253818]{background-color:#ffffff1a;border-color:#ffffff1a;border-radius:4px}.sidebar-item-primary>a[data-v-a8253818],.sidebar-item-primary>div>a[data-v-a8253818]{border-radius:4px}.sidebar-item-primary>a>.sidebar-item-display.has-label[data-v-a8253818],.sidebar-item-primary>div>a>.sidebar-item-display.has-label[data-v-a8253818]{padding-bottom:12px;padding-top:12px}.sidebar-item-secondary[data-v-a8253818]{margin-bottom:4px}.sidebar-item-secondary[data-v-a8253818]:last-of-type{margin-bottom:0}.sidebar-item-secondary a[data-v-a8253818]{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-a8253818]:hover,.sidebar-item-secondary a[data-v-a8253818]:focus-visible{background-color:#ffffff0d}.sidebar-item-secondary a>.sidebar-item-display.has-badge[data-v-a8253818]{justify-content:space-between}.sidebar-item-secondary a>.sidebar-item-display.has-badge .has-badge-max-width[data-v-a8253818]{max-width:134px!important}.sidebar-item-secondary.active>a[data-v-a8253818]{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-a8253818]{align-items:center;display:flex;height:100%;padding:0 16px;width:100%}.sidebar-item-display .sidebar-item-name-container[data-v-a8253818]{line-height:1.3;-webkit-user-select:none;user-select:none}.sidebar-item-display .sidebar-item-name-container .truncate-text[data-v-a8253818]{height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-17[data-v-a8253818]{max-width:17ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-20[data-v-a8253818]{max-width:20ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-24[data-v-a8253818]{max-width:24ch}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name[data-v-a8253818]{align-items:center;display:flex}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip[data-v-a8253818]{height:100%}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip span[data-v-a8253818]{height:auto;min-width:0}.sidebar-item-display .sidebar-item-label[data-v-a8253818]{color:#a3b6d9;color:var(--steel-300, #A3B6D9);font-size:12px;margin-top:4px}.sidebar-item-display .sidebar-item-icon[data-v-a8253818]{align-items:center;display:flex;line-height:0;padding-right:14px}.kong-ui-app-sidebar[data-v-6daf9f02]{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(--160797d0);left:-100%;position:fixed;top:var(--721527f8);transition:left .2s ease-in-out;width:100%;z-index:var(--054b3490)}@media (min-width: 640px){.kong-ui-app-sidebar[data-v-6daf9f02]{max-width:240px;width:240px}}@media (min-width: 1024px){.kong-ui-app-sidebar[data-v-6daf9f02]{background:transparent;background:var(--kong-ui-app-sidebar-background, transparent);height:var(--6b0e6816);left:0;top:var(--31cc2e74)}}.kong-ui-app-sidebar.sidebar-open[data-v-6daf9f02],.kong-ui-app-sidebar.mobile-disabled[data-v-6daf9f02]{left:0}.kong-ui-app-sidebar.mobile-disabled[data-v-6daf9f02]{width:240px}.kong-ui-app-sidebar.disable-transitions[data-v-6daf9f02]{animation:none!important;transition:none!important}.kong-ui-app-sidebar .sidebar-content-container[data-v-6daf9f02]{display:flex;flex-direction:column;height:100%;margin-top:var(--16bd691a);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-6daf9f02]{overflow-y:overlay}}.kong-ui-app-sidebar .sidebar-content-container[data-v-6daf9f02]::-webkit-scrollbar{height:8px;opacity:1;width:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-6daf9f02]::-webkit-scrollbar-thumb{background:transparent;border-radius:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-6daf9f02]::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar .sidebar-content-container[data-v-6daf9f02]: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-6daf9f02]:hover::-webkit-scrollbar-thumb{background:#7d91b3;background:var(--steel-400, #7d91b3)}.kong-ui-app-sidebar .sidebar-content-container[data-v-6daf9f02]:hover::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar .sidebar-footer[data-v-6daf9f02]{align-items:center;color:#a3b6d9;color:var(--steel-300, #A3B6D9);display:flex;font-weight:500;width:100%}.kong-ui-app-sidebar[data-v-6daf9f02] .k-dropdown-item{font-size:14px;line-height:1.3}@media (max-width: 1023px){.mobile-header-hidden .sidebar-content-container[data-v-6daf9f02],.no-sidebar-header .sidebar-content-container[data-v-6daf9f02]{margin-top:0!important}}.sidebar-level-divider[data-v-6daf9f02]{background-color:#ffffff80;height:1px;margin:24px auto;min-height:1px;width:calc(100% - 32px)}.sidebar-header[data-v-6daf9f02]{align-items:center;background:transparent;background:var(--kong-ui-app-sidebar-header-background, transparent);color:#fff;display:var(--08886e32);left:0;min-height:var(--1d2550ee);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-6daf9f02]{display:flex}}.sidebar-header[data-v-6daf9f02]>*{display:flex}.sidebar-header[data-v-6daf9f02]>a{text-decoration:none}.sidebar-header[data-v-6daf9f02]>a:focus-visible{border-radius:4px;outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9)}.sidebar-header[data-v-6daf9f02]: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-6daf9f02]{align-items:center;color:#fff;display:flex;margin:0 0 16px;padding:0 8px;user-select:none}.sidebar-item-external-link[data-v-6daf9f02]{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-6daf9f02]:focus-visible{outline:1px solid #A3B6D9!important;outline:1px solid var(--steel-300, #A3B6D9)!important}.sidebar-item-external-link[data-v-6daf9f02] .kong-icon{display:inline-flex;margin-bottom:-7px}.kong-ui-app-sidebar-overlay[data-v-6daf9f02]{background-color:#0b172d99;bottom:0;left:0;position:fixed;right:0;top:var(--ed4e7e56);z-index:var(--377644f8)}@media (min-width: 1024px){.kong-ui-app-sidebar-overlay[data-v-6daf9f02]{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-37316186]{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-37316186] .kong-ui-app-navbar .mobile-logo{align-items:center;display:flex}@media (min-width: 1024px){.kong-ui-app-layout[data-v-37316186] .kong-ui-app-navbar .mobile-logo{display:none}}.kong-ui-app-layout[data-v-37316186] .kong-ui-app-navbar .mobile-logo>*{align-items:center;display:flex}.kong-ui-app-layout[data-v-37316186] .kong-ui-app-navbar .mobile-logo a{text-decoration:none}.kong-ui-app-layout .kong-ui-app-layout-main[data-v-37316186]{align-items:stretch;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(--06ca369a);overflow:auto;position:relative;width:100%}@media (min-width: 1024px){.kong-ui-app-layout .kong-ui-app-layout-main[data-v-37316186]{border-top-left-radius:var(--7d4a09e6);margin-left:240px;width:calc(100% - 240px)}}.kong-ui-app-layout .kong-ui-app-layout-main.full-width[data-v-37316186]{margin-left:0}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content[data-v-37316186]{position:relative;width:100%}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content-inner[data-v-37316186]{padding:16px;padding:var(--kong-ui-app-layout-content-padding, 16px)}@media (min-width: 1024px){.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content-inner[data-v-37316186]{padding:32px;padding:var(--kong-ui-app-layout-content-padding, 32px)}}.kong-ui-app-layout.navbar-hidden .kong-ui-app-layout-main[data-v-37316186]{margin-top:0}.kong-ui-app-layout.sidebar-hidden .kong-ui-app-layout-main[data-v-37316186]{margin-left:0;width:100%}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-37316186]{left:0;position:fixed;right:0;top:0;z-index:1}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-37316186] .k-alert{border-radius:0!important}.account-dropdown[data-v-6e34d3da]{display:flex;margin-right:4px}.account-dropdown[data-v-6e34d3da] .k-button.primary,.account-dropdown[data-v-6e34d3da] .k-button.primary:hover:not(:disabled){background-color:#9396fc;background-color:var(--kong-ui-account-dropdown-background, var(--purple-300, #9396FC));color:#fff;color:var(--kong-ui-account-dropdown-color, var(--white, #fff));font-size:11px;height:24px;justify-content:center;padding:0;user-select:none;width:24px}.account-dropdown[data-v-6e34d3da] .k-button.primary:active,.account-dropdown[data-v-6e34d3da] .k-button.primary:hover:not(:disabled):active{background-color:#9396fc;background-color:var(--kong-ui-account-dropdown-background, var(--purple-300, #9396FC))}.account-dropdown[data-v-6e34d3da] .k-dropdown-popover{top:10px!important}.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}
|
|
1
|
+
.kong-ui-app-navbar[data-v-b7131fb2]{background:transparent;background:var(--kong-ui-app-navbar-background, transparent);left:0;position:fixed;right:0;top:var(--e7993570);z-index:var(--591d67a5)}@media (min-width: 1024px){.kong-ui-app-navbar[data-v-b7131fb2]{left:var(--0b950b18)}}.kong-ui-app-navbar .header-content[data-v-b7131fb2]{align-items:center;display:flex;height:60px;justify-content:space-between;padding:0 16px}.kong-ui-app-navbar .app-navbar-logo[data-v-b7131fb2]{align-items:center;display:flex;height:100%;justify-content:flex-start;margin-right:var(--74170388);max-width:var(--482efd74);min-width:var(--482efd74)}.kong-ui-app-navbar .mobile-header-left[data-v-b7131fb2]{display:inline-flex;gap:16px}@media (min-width: 1024px){.kong-ui-app-navbar .mobile-header-left[data-v-b7131fb2]{display:none}}.kong-ui-app-navbar .app-navbar-links[data-v-b7131fb2],.kong-ui-app-navbar[data-v-b7131fb2] .app-navbar-links,.kong-ui-app-navbar .app-navbar-links[data-v-b7131fb2-s]{align-items:center;display:flex;height:100%}.kong-ui-app-navbar .app-navbar-links a[data-v-b7131fb2],.kong-ui-app-navbar[data-v-b7131fb2] .app-navbar-links a,.kong-ui-app-navbar .app-navbar-links[data-v-b7131fb2-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-b7131fb2],.kong-ui-app-navbar[data-v-b7131fb2] .app-navbar-links a,.kong-ui-app-navbar .app-navbar-links[data-v-b7131fb2-s] a{font-size:16px;padding:0 16px}}.kong-ui-app-navbar .app-navbar-links a.router-link-active[data-v-b7131fb2],.kong-ui-app-navbar .app-navbar-links a.active[data-v-b7131fb2],.kong-ui-app-navbar[data-v-b7131fb2] .app-navbar-links a.router-link-active,.kong-ui-app-navbar[data-v-b7131fb2] .app-navbar-links a.active,.kong-ui-app-navbar .app-navbar-links[data-v-b7131fb2-s] a.router-link-active,.kong-ui-app-navbar .app-navbar-links[data-v-b7131fb2-s] a.active{border-color:#84e5ae;border-color:var(--green-300, #84E5AE);font-weight:600!important}.kong-ui-app-navbar .navbar-content[data-v-b7131fb2]{align-items:center;display:flex;flex-direction:row;gap:8px;height:100%;justify-content:space-between;width:100%}@media (min-width: 768px){.kong-ui-app-navbar .navbar-content[data-v-b7131fb2]{gap:16px}}.kong-ui-app-navbar .navbar-content-left[data-v-b7131fb2],.kong-ui-app-navbar .navbar-content-center[data-v-b7131fb2],.kong-ui-app-navbar .navbar-content-right[data-v-b7131fb2]{align-items:center;display:flex;flex:1;gap:16px;height:100%}.kong-ui-app-navbar .navbar-content-left[data-v-b7131fb2]{justify-content:flex-start}.kong-ui-app-navbar .navbar-content-center[data-v-b7131fb2]{justify-content:center}.kong-ui-app-navbar .navbar-content-right[data-v-b7131fb2]{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{cursor:pointer;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;transition:all .2s ease-out}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link .kong-icon.kong-icon-brain svg path[stroke-width="2"],.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link .kong-icon.kong-icon-brain svg path[stroke-width="2"]{stroke:currentColor}.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,.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible svg,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:hover svg,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible svg{color:#84e5ae;color:var(--green-300, #84E5AE)}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:hover .kong-icon.kong-icon-brain svg path[stroke-width="2"],.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible .kong-icon.kong-icon-brain svg path[stroke-width="2"],.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:hover .kong-icon.kong-icon-brain svg path[stroke-width="2"],.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible .kong-icon.kong-icon-brain svg path[stroke-width="2"]{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-a431310f]{border:1px solid transparent}.sidebar-item-primary.active[data-v-a431310f],.sidebar-item-primary.expanded[data-v-a431310f]{background-color:#ffffff1a;border-color:#ffffff1a;border-radius:4px}.sidebar-item-primary>a[data-v-a431310f],.sidebar-item-primary>div>a[data-v-a431310f]{border-radius:4px}.sidebar-item-primary>a>.sidebar-item-display.has-label[data-v-a431310f],.sidebar-item-primary>div>a>.sidebar-item-display.has-label[data-v-a431310f]{padding-bottom:12px;padding-top:12px}.sidebar-item-secondary[data-v-a431310f]{margin-bottom:4px}.sidebar-item-secondary[data-v-a431310f]:last-of-type{margin-bottom:0}.sidebar-item-secondary a[data-v-a431310f]{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-a431310f]:hover,.sidebar-item-secondary a[data-v-a431310f]:focus-visible{background-color:#ffffff0d}.sidebar-item-secondary a>.sidebar-item-display.has-badge[data-v-a431310f]{justify-content:space-between}.sidebar-item-secondary a>.sidebar-item-display.has-badge .has-badge-max-width[data-v-a431310f]{max-width:134px!important}.sidebar-item-secondary.active>a[data-v-a431310f]{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-a431310f]{align-items:center;display:flex;height:100%;padding:0 16px;width:100%}.sidebar-item-display .sidebar-item-name-container[data-v-a431310f]{line-height:1.3;-webkit-user-select:none;user-select:none}.sidebar-item-display .sidebar-item-name-container .truncate-text[data-v-a431310f]{height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-17[data-v-a431310f]{max-width:17ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-18[data-v-a431310f]{max-width:18ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-24[data-v-a431310f]{max-width:24ch}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name[data-v-a431310f]{align-items:center;display:flex}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip[data-v-a431310f]{height:100%}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip span[data-v-a431310f]{height:auto;min-width:0}.sidebar-item-display .sidebar-item-label[data-v-a431310f]{color:#a3b6d9;color:var(--steel-300, #A3B6D9);font-size:12px;margin-top:4px}.sidebar-item-display .sidebar-item-icon[data-v-a431310f]{align-items:center;display:flex;line-height:0;padding-right:14px}.kong-ui-app-sidebar[data-v-6daf9f02]{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(--160797d0);left:-100%;position:fixed;top:var(--721527f8);transition:left .2s ease-in-out;width:100%;z-index:var(--054b3490)}@media (min-width: 640px){.kong-ui-app-sidebar[data-v-6daf9f02]{max-width:240px;width:240px}}@media (min-width: 1024px){.kong-ui-app-sidebar[data-v-6daf9f02]{background:transparent;background:var(--kong-ui-app-sidebar-background, transparent);height:var(--6b0e6816);left:0;top:var(--31cc2e74)}}.kong-ui-app-sidebar.sidebar-open[data-v-6daf9f02],.kong-ui-app-sidebar.mobile-disabled[data-v-6daf9f02]{left:0}.kong-ui-app-sidebar.mobile-disabled[data-v-6daf9f02]{width:240px}.kong-ui-app-sidebar.disable-transitions[data-v-6daf9f02]{animation:none!important;transition:none!important}.kong-ui-app-sidebar .sidebar-content-container[data-v-6daf9f02]{display:flex;flex-direction:column;height:100%;margin-top:var(--16bd691a);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-6daf9f02]{overflow-y:overlay}}.kong-ui-app-sidebar .sidebar-content-container[data-v-6daf9f02]::-webkit-scrollbar{height:8px;opacity:1;width:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-6daf9f02]::-webkit-scrollbar-thumb{background:transparent;border-radius:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-6daf9f02]::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar .sidebar-content-container[data-v-6daf9f02]: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-6daf9f02]:hover::-webkit-scrollbar-thumb{background:#7d91b3;background:var(--steel-400, #7d91b3)}.kong-ui-app-sidebar .sidebar-content-container[data-v-6daf9f02]:hover::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar .sidebar-footer[data-v-6daf9f02]{align-items:center;color:#a3b6d9;color:var(--steel-300, #A3B6D9);display:flex;font-weight:500;width:100%}.kong-ui-app-sidebar[data-v-6daf9f02] .k-dropdown-item{font-size:14px;line-height:1.3}@media (max-width: 1023px){.mobile-header-hidden .sidebar-content-container[data-v-6daf9f02],.no-sidebar-header .sidebar-content-container[data-v-6daf9f02]{margin-top:0!important}}.sidebar-level-divider[data-v-6daf9f02]{background-color:#ffffff80;height:1px;margin:24px auto;min-height:1px;width:calc(100% - 32px)}.sidebar-header[data-v-6daf9f02]{align-items:center;background:transparent;background:var(--kong-ui-app-sidebar-header-background, transparent);color:#fff;display:var(--08886e32);left:0;min-height:var(--1d2550ee);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-6daf9f02]{display:flex}}.sidebar-header[data-v-6daf9f02]>*{display:flex}.sidebar-header[data-v-6daf9f02]>a{text-decoration:none}.sidebar-header[data-v-6daf9f02]>a:focus-visible{border-radius:4px;outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9)}.sidebar-header[data-v-6daf9f02]: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-6daf9f02]{align-items:center;color:#fff;display:flex;margin:0 0 16px;padding:0 8px;user-select:none}.sidebar-item-external-link[data-v-6daf9f02]{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-6daf9f02]:focus-visible{outline:1px solid #A3B6D9!important;outline:1px solid var(--steel-300, #A3B6D9)!important}.sidebar-item-external-link[data-v-6daf9f02] .kong-icon{display:inline-flex;margin-bottom:-7px}.kong-ui-app-sidebar-overlay[data-v-6daf9f02]{background-color:#0b172d99;bottom:0;left:0;position:fixed;right:0;top:var(--ed4e7e56);z-index:var(--377644f8)}@media (min-width: 1024px){.kong-ui-app-sidebar-overlay[data-v-6daf9f02]{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-37316186]{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-37316186] .kong-ui-app-navbar .mobile-logo{align-items:center;display:flex}@media (min-width: 1024px){.kong-ui-app-layout[data-v-37316186] .kong-ui-app-navbar .mobile-logo{display:none}}.kong-ui-app-layout[data-v-37316186] .kong-ui-app-navbar .mobile-logo>*{align-items:center;display:flex}.kong-ui-app-layout[data-v-37316186] .kong-ui-app-navbar .mobile-logo a{text-decoration:none}.kong-ui-app-layout .kong-ui-app-layout-main[data-v-37316186]{align-items:stretch;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(--06ca369a);overflow:auto;position:relative;width:100%}@media (min-width: 1024px){.kong-ui-app-layout .kong-ui-app-layout-main[data-v-37316186]{border-top-left-radius:var(--7d4a09e6);margin-left:240px;width:calc(100% - 240px)}}.kong-ui-app-layout .kong-ui-app-layout-main.full-width[data-v-37316186]{margin-left:0}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content[data-v-37316186]{position:relative;width:100%}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content-inner[data-v-37316186]{padding:16px;padding:var(--kong-ui-app-layout-content-padding, 16px)}@media (min-width: 1024px){.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content-inner[data-v-37316186]{padding:32px;padding:var(--kong-ui-app-layout-content-padding, 32px)}}.kong-ui-app-layout.navbar-hidden .kong-ui-app-layout-main[data-v-37316186]{margin-top:0}.kong-ui-app-layout.sidebar-hidden .kong-ui-app-layout-main[data-v-37316186]{margin-left:0;width:100%}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-37316186]{left:0;position:fixed;right:0;top:0;z-index:1}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-37316186] .k-alert{border-radius:0!important}.account-dropdown[data-v-6e34d3da]{display:flex;margin-right:4px}.account-dropdown[data-v-6e34d3da] .k-button.primary,.account-dropdown[data-v-6e34d3da] .k-button.primary:hover:not(:disabled){background-color:#9396fc;background-color:var(--kong-ui-account-dropdown-background, var(--purple-300, #9396FC));color:#fff;color:var(--kong-ui-account-dropdown-color, var(--white, #fff));font-size:11px;height:24px;justify-content:center;padding:0;user-select:none;width:24px}.account-dropdown[data-v-6e34d3da] .k-button.primary:active,.account-dropdown[data-v-6e34d3da] .k-button.primary:hover:not(:disabled):active{background-color:#9396fc;background-color:var(--kong-ui-account-dropdown-background, var(--purple-300, #9396FC))}.account-dropdown[data-v-6e34d3da] .k-dropdown-popover{top:10px!important}.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}
|