.m-dropdown{align-items:flex-start;display:inline-flex;flex-direction:column;position:relative;vertical-align:top}.m-dropdown.--block{width:100%}.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__icon{transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-dropdown__icon.--open{--maz-tw-rotate:180deg;transform:translate(var(--maz-tw-translate-x),var(--maz-tw-translate-y)) rotate(var(--maz-tw-rotate)) skew(var(--maz-tw-skew-x)) skewY(var(--maz-tw-skew-y)) scaleX(var(--maz-tw-scale-x)) scaleY(var(--maz-tw-scale-y))}.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;min-height:-moz-max-content;min-height:max-content;min-width:-moz-max-content;min-width:max-content;overflow:auto;padding:.5rem;position:absolute;z-index:1050}.m-dropdown .menu:is([class~=dark] *){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:start;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)}.m-dropdown .menu .menuitem.menuitem__button:disabled{cursor:not-allowed;opacity:.5}.m-dropdown .menu .menuitem.menuitem__button.--primary{color:var(--maz-color-primary)}.m-dropdown .menu .menuitem.menuitem__button.--primary:hover{color:var(--maz-color-primary-600)}.m-dropdown .menu .menuitem.menuitem__button.--secondary{color:var(--maz-color-secondary)}.m-dropdown .menu .menuitem.menuitem__button.--secondary:hover{color:var(--maz-color-secondary-600)}.m-dropdown .menu .menuitem.menuitem__button.--info{color:var(--maz-color-info)}.m-dropdown .menu .menuitem.menuitem__button.--info:hover{color:var(--maz-color-info-600)}.m-dropdown .menu .menuitem.menuitem__button.--warning{color:var(--maz-color-warning-600)}.m-dropdown .menu .menuitem.menuitem__button.--warning:hover{color:var(--maz-color-warning-800)}.m-dropdown .menu .menuitem.menuitem__button.--danger{color:var(--maz-color-danger-600)}.m-dropdown .menu .menuitem.menuitem__button.--danger:hover{color:var(--maz-color-danger-800)}.m-dropdown .menu .menuitem.menuitem__button.--success{color:var(--maz-color-success-600)}.m-dropdown .menu .menuitem.menuitem__button.--success:hover{color:var(--maz-color-success-800)}.m-dropdown .menu .menuitem.menuitem__button.--white{color:var(--maz-color-white)}.m-dropdown .menu .menuitem.menuitem__button.--white:hover{--maz-tw-text-opacity:1;color:rgb(209 213 219/var(--maz-tw-text-opacity,1))}.m-dropdown .menu .menuitem.menuitem__button.--black{color:var(--maz-color-black)}.m-dropdown .menu .menuitem.menuitem__button.--black:hover{--maz-tw-text-opacity:1;color:rgb(31 41 55/var(--maz-tw-text-opacity,1))}.m-dropdown .menu .menuitem.menuitem__button.--theme{color:var(--maz-color-text)}.m-dropdown .menu .menuitem.menuitem__button.--theme:hover{color:var(--maz-color-black)}.m-dropdown .menu .menuitem.menuitem__button.--theme:hover:is([class~=dark] *){color:var(--maz-color-white)}
