@layer jokul.components{.jkl-menu-item{--jkl-menu-item-height:var(--jkl-unit-60);--jkl-menu-item-padding:var(--jkl-unit-15) var(--jkl-unit-30);--background-color:var(--jkl-color-background-interactive);background-color:var(--background-color);box-sizing:border-box;color:var(--jkl-color-text-default);cursor:pointer;font-size:var(--jkl-font-size-3);font-weight:400;line-height:var(--jkl-line-height-tight);text-decoration:none;-webkit-user-select:none;user-select:none;--jkl-icon-weight:300;align-items:center;border-style:none;display:flex;gap:var(--jkl-unit-10);height:var(--jkl-menu-item-height);outline:0;outline-style:none;padding:var(--jkl-menu-item-padding);width:100%}.jkl-menu-item:active,.jkl-menu-item:focus,.jkl-menu-item:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-menu-item{border-style:revert;outline:revert;outline-style:revert}.jkl-menu-item:active,.jkl-menu-item:focus,.jkl-menu-item:hover{outline:revert;outline-style:revert}}.jkl-menu-item__content{display:flex;flex-grow:1;flex-shrink:1;gap:var(--jkl-unit-05);justify-content:flex-start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jkl-menu-item__icon{flex-shrink:0}.jkl-menu-item__arrow,.jkl-menu-item__icon{align-items:center;display:flex}.jkl-menu-item__chevron{flex-shrink:0}.jkl-menu-item:focus-visible,.jkl-menu-item:hover{--background-color:var(--jkl-color-background-interactive-hover)}}@layer jokul.components{.jkl-menu-divider{border:none;border-bottom:.0625rem solid var(--jkl-color-border-separator);margin-block:0;width:100%}}@layer jokul.components{@media screen and (prefers-color-scheme:light){:root{--jkl-menu-border-color:transparent}}[data-theme=light]{--jkl-menu-border-color:transparent}@media screen and (prefers-color-scheme:dark){:root{--jkl-menu-border-color:var(--jkl-color-border-input-focus)}}[data-theme=dark]{--jkl-menu-border-color:var(--jkl-color-border-input-focus)}.jkl-menu{align-items:flex-start;background-color:var(--jkl-color-background-container-high);border:2px solid var(--jkl-menu-border-color);border-radius:.125rem;box-shadow:0 .25rem 1.25rem rgba(49,48,48,.2);display:flex;flex-direction:column;flex-wrap:nowrap;max-width:21rem;width:100%;z-index:7000}.jkl-menu:focus-visible{outline:none}.jkl-menu .jkl-menu[data-placement=bottom-start]{box-shadow:0 -1px 2px 0 rgba(0,0,0,.2),-1px 2px 2px 0 rgba(0,0,0,.14),3px 1px 5px 0 rgba(0,0,0,.12)}}