nav[z-action-menu]{cursor:pointer;position:relative;display:grid;grid-template-columns:1fr max-content;width:-moz-max-content;width:max-content;align-items:center;padding:var(--zs-50) var(--zs-150);color:var(--z-action-menu--color);-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(nav[z-action-menu],*[z-theme=light] nav[z-action-menu],nav[z-action-menu][z-theme=light]){--_bg--hover: var(--z-bg-brand--inv);--_color: var(--z-content--clickable);--_color--hover: var(--z-content--clickable)}nav[z-action-menu] a{text-decoration-line:none;color:currentColor;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;gap:var(--zs-50)}nav[z-action-menu] a:focus{outline:none}nav[z-action-menu]>ul{color:inherit;cursor:pointer;position:absolute;z-index:var(--z-action-menu--z-index, 999);display:none;grid-auto-rows:max-content;align-items:center;top:100%;box-shadow:var(--zd-4);list-style:none;margin:0;padding:0;border-radius:var(--z-action-menu--radius, var(--zs-100));background-color:var(--z-action-menu--bg, var(--z-sf-base));min-width:100%}nav[z-action-menu]>ul hr{border-top:2px solid var(--zc-blue-light);width:calc(100% - var(--zs-150) * 2);margin:0 var(--zs-150)}nav[z-action-menu]>ul span{padding:var(--zs-50) var(--zs-150) 0 var(--zs-150);font:var(--zf-capt-12--500);color:var(--z-action-menu--heading-color, var(--z-ct-primary));-webkit-user-select:none;-moz-user-select:none;user-select:none}nav[z-action-menu]>ul li{color:var(--z-action-menu--color, var(--_color));display:flex;gap:var(--zs-25);align-items:center;margin:0;padding:var(--zs-50) var(--zs-150);white-space:nowrap}nav[z-action-menu]>ul li:is(:hover,:focus-within){color:var(--z-action-menu--color--hover, var(--_color--hover));background-color:var(--z-action-menu--bg--hover, var(--_bg--hover))}nav[z-action-menu]>ul li[icon]{padding:var(--zs-50) var(--zs-150)}nav[z-action-menu]>ul li[icon]:before{content:"";display:inline-block;width:var(--zs-150);height:var(--zs-150);-webkit-mask:var(--zi);mask:var(--zi);background-color:currentColor;transform:scale(.8)}nav[z-action-menu]>ul li[icon]>nav[z-action-menu]{padding-top:0;padding-bottom:0;padding-left:var(--zs-25)}nav[z-action-menu]>ul li[icon]>nav[z-action-menu]>ul:not(:has(li[icon])){top:0}nav[z-action-menu]>ul li:has(nav[z-action-menu]){padding:0}nav[z-action-menu]>ul li:has(nav[z-action-menu])[icon]{padding-left:var(--zs-150)}nav[z-action-menu]>ul li:has(nav[z-action-menu])[icon]>nav[z-action-menu]{height:var(--zs-150)}nav[z-action-menu]>ul li nav[z-action-menu]{padding:var(--zs-50) calc(var(--zs-150) / 2) var(--zs-50) var(--zs-150);width:100%}nav[z-action-menu]>ul li nav[z-action-menu]>ul{left:100%;top:0;width:-moz-max-content;width:max-content;border-radius:0 var(--z-action-menu--radius, var(--zs-100)) var(--z-action-menu--radius, var(--zs-100)) var(--z-action-menu--radius, var(--zs-100))}nav[z-action-menu]>ul li nav[z-action-menu]>ul li:first-child{border-top-right-radius:var(--z-action-menu--radius, var(--zs-100));padding-top:var(--zs-50)}nav[z-action-menu]>ul li nav[z-action-menu]:after{rotate:-90deg}nav[z-action-menu]>ul li nav[z-action-menu]:is(:hover,:focus,:focus-within):after,nav[z-action-menu]>ul li nav[z-action-menu]:has(ul:is(:hover,:focus-within)):after{rotate:90deg}nav[z-action-menu]>ul:first-child{border-radius:var(--z-action-menu--radius, var(--zs-100)) var(--z-action-menu--radius, var(--zs-100)) 0 0;padding-top:calc(var(--zs-50) * 2)}nav[z-action-menu]>ul:last-child{border-radius:0 0 var(--z-action-menu--radius, var(--zs-100)) var(--z-action-menu--radius, var(--zs-100));padding-bottom:calc(var(--zs-50) * 2)}nav[z-action-menu]>ul:is(:first-child,:last-child):has(nav[z-action-menu] li:has(>ul):is(:hover,:focus-within)){border-top-right-radius:0;border-bottom-right-radius:0}nav[z-action-menu]>ul:is(:first-child,:last-child):has(nav[z-action-menu] li:has(>ul):is(:hover,:focus-within)) nav[z-action-menu]>ul li:first-child{border-top-left-radius:0}nav[z-action-menu]:has(>ul):after{--zi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%232167AE' d='M2.65 7.15c.2-.2.5-.2.7 0L12 15.79l8.65-8.64a.5.5 0 0 1 .7.7l-8.64 8.65a1 1 0 0 1-1.42 0L2.65 7.85a.5.5 0 0 1 0-.7'/%3E%3C/svg%3E");--zi-name: "arrow-down:line";content:"";width:1rem;height:1rem;display:inline-block;box-sizing:content-box;background-color:currentColor;margin:0;mask:var(--zi) center/1rem no-repeat;-webkit-mask:var(--zi) center/1rem no-repeat;transform-origin:50% 50%;transition:rotate .2s ease-in-out;margin-left:var(--zs-50)}nav[z-action-menu]:is(:hover,:focus-within)>ul{display:grid}nav[z-action-menu]:is(:hover,:focus-within):after{rotate:180deg}nav[z-action-menu][config=round]>ul{border-radius:var(--z-action-menu--radius, var(--zs-100))}