@vnmfify/core/dropdown-menu/index.css

```shell npm i @vnmfify/core -S ```

.vnmfify-dropdown-menu{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vnmfify-dropdown-menu__bar{background:var(--dropdown-menu-background-color,var(--white,#fff));-webkit-box-shadow:var(--dropdown-menu-box-shadow,0 4px 24px rgba(100,101,102,.12));box-shadow:var(--dropdown-menu-box-shadow,0 4px 24px rgba(100,101,102,.12));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:var(--dropdown-menu-height,96px);position:relative}.vnmfify-dropdown-menu__bar--opened{z-index:var(--dropdown-menu-z-index,11)}.vnmfify-dropdown-menu-title{-webkit-box-flex:1;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-justify-content:center;justify-content:center;min-width:0}.vnmfify-dropdown-menu-title:active{opacity:var(--dropdown-menu-title-active-opacity,var(--active-opacity,.7))}.vnmfify-dropdown-menu-title--disabled:active{opacity:1}.vnmfify-dropdown-menu-title--disabled .vnmfify-dropdown-menu-title__content{color:var(--dropdown-menu-title-disabled-color,var(--gray-6,#969799))}.vnmfify-dropdown-menu-title--active .vnmfify-dropdown-menu-title__content{color:var(--dropdown-menu-title-active-color,var(--danger-color,var(--red,#ee0a24)))}.vnmfify-dropdown-menu-title--active .vnmfify-dropdown-menu-title__content:after{border-color:rgba(0,0,0,0) rgba(0,0,0,0) currentColor currentColor}.vnmfify-dropdown-menu-title--down .vnmfify-dropdown-menu-title__content:after{margin-top:-2px;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.vnmfify-dropdown-menu-title__content{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--dropdown-menu-title-color,var(--text-color,var(--gray-8,#323233)));font-size:var(--dropdown-menu-title-font-size,30px);line-height:var(--dropdown-menu-title-line-height,var(--line-height-lg,44px));max-width:100%;padding:var(--dropdown-menu-title-padding,0 var(--padding-xs,16px));position:relative}.vnmfify-dropdown-menu-title__content:after{border-bottom:6px solid var(--gray-4,#dcdee0);border-color:currentcolor;border-left:6px solid var(--gray-4,#dcdee0);border-right:6px solid rgba(0,0,0,0);border-top:6px solid rgba(0,0,0,0);content:"";margin-top:-10px;opacity:.8;position:absolute;right:-8px;top:50%;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.vnmfify-dropdown-menu-item{left:0;overflow:hidden;position:fixed;right:0;z-index:var(--dropdown-menu-item-z-index,calc(var(--dropdown-menu-z-index, 11) - 1))}.vnmfify-dropdown-menu-item__icon{display:block;line-height:inherit}.vnmfify-dropdown-menu-item--up{top:0}.vnmfify-dropdown-menu-item--down{bottom:0}.vnmfify-dropdown-menu-item__content{-webkit-animation-duration:var(--dropdown-menu-item-content-animation-duration,var(--animation-duration-fast,.2s));animation-duration:var(--dropdown-menu-item-content-animation-duration,var(--animation-duration-fast,.2s));max-height:var(--dropdown-menu-item-content-max-height,80%);position:absolute}.vnmfify-dropdown-menu-option{text-align:left}.vnmfify-dropdown-menu-option--active,.vnmfify-dropdown-menu-option--active .vnmfify-dropdown-menu-option__icon{color:var(--dropdown-menu-option-active-color,var(--danger-color,var(--red,#ee0a24)))}.vnmfify-dropdown-menu-option__icon{display:block;line-height:inherit}
/*# sourceMappingURL=index.css.map */