.ello-wrapper{line-height:1}
.ello-menu{position:relative;display:inline-block;max-width:100%}
.ello-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;box-sizing:border-box;line-height:1.2}
.ello-button .ello-icon{display:inline-flex;align-items:center}
.ello-button .ello-icon svg{width:1em;height:1em;fill:currentColor}
.ello-caret{display:inline-flex;align-items:center;justify-content:center;margin-left:2px;padding:4px;margin-right:-4px;font-size:.8em;transition:transform .2s ease}
.ello-caret svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ello-menu.ello-open .ello-caret{transform:rotate(180deg)}

.ello-dropdown{
  position:absolute;top:100%;left:0;z-index:9999;min-width:100%;margin:0;padding:6px;list-style:none;
  opacity:0;visibility:hidden;transform:translateY(6px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
  box-sizing:border-box;
}
.ello-menu.ello-align-right .ello-dropdown{left:auto;right:0}
/* invisible bridge so the pointer can travel from the button to the menu */
.ello-dropdown::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.ello-menu.ello-open .ello-dropdown,
.ello-menu:focus-within .ello-dropdown{opacity:1;visibility:visible;transform:none}
@media (hover:hover){
  .ello-menu:hover .ello-dropdown{opacity:1;visibility:visible;transform:none}
  .ello-menu:hover .ello-caret{transform:rotate(180deg)}
}
.ello-dropdown li{margin:0;padding:0;list-style:none}
.ello-dropdown-item{display:flex;align-items:center;gap:8px;white-space:nowrap;text-decoration:none;box-sizing:border-box;cursor:pointer}
.ello-dropdown-item .ello-icon{display:inline-flex;align-items:center}
.ello-dropdown-item .ello-icon svg{width:1em;height:1em;fill:currentColor}
@media (prefers-reduced-motion:reduce){.ello-dropdown,.ello-caret{transition:none}}