.m-dropdown{align-items:flex-start;display:inline-flex;flex-direction:column;position:relative}.m-dropdown [aria-expanded=true].m-btn{background-color:var(--maz-color-bg-light)}.m-dropdown__wrapper{height:100%;outline:2px solid transparent;outline-offset:2px;width:100%}.m-dropdown .chevron-icon{font-size:1.125rem;line-height:1.75rem;transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-dropdown .button-span{align-items:center;display:flex;gap:.5rem}.m-dropdown .menu{background-color:var(--maz-color-bg);border-radius:var(--maz-border-radius);box-shadow:0 5px 10px #0000000d;display:flex;flex-direction:column;gap:.125rem;overflow:auto;padding:.5rem;position:absolute;z-index:1050}:is([class~=dark] .m-dropdown .menu){border-color:var(--maz-color-bg-light);border-width:var(--maz-border-width)}.m-dropdown .menu.--top:not(.--right,.--left){bottom:100%;margin-bottom:.25rem;transform-origin:bottom}.m-dropdown .menu.--bottom:not(.--right,.--left){margin-top:.25rem;top:100%;transform-origin:top}.m-dropdown .menu.--left:not(.--top,.--bottom){margin-right:.25rem;right:100%;transform-origin:top right}.m-dropdown .menu.--right:not(.--top,.--bottom){left:100%;margin-left:.25rem;transform-origin:top left}.m-dropdown .menu.--top.--right{bottom:100%;margin-bottom:.25rem;right:0;transform-origin:bottom right}.m-dropdown .menu.--top.--left{bottom:100%;left:0;margin-bottom:.25rem;transform-origin:bottom left}.m-dropdown .menu.--bottom.--left{left:0;margin-top:.25rem;top:100%;transform-origin:top left}.m-dropdown .menu.--bottom.--right{margin-top:.25rem;right:0;top:100%;transform-origin:top right}.m-dropdown .menu .menuitem{border-radius:var(--maz-border-radius);cursor:pointer;outline:2px solid transparent;outline-offset:2px;padding:.5rem 1rem;text-align:left;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);white-space:nowrap}.m-dropdown .menu .menuitem:focus-within{background-color:var(--maz-color-bg-light)}.m-dropdown .menu .menuitem.--is-keyboard-selected,.m-dropdown .menu .menuitem:hover{background-color:var(--maz-color-bg-light)}
