@sms-frontend/components/lib/Dropdown/style/index.css

SMS Design React UI Library.

.sms-dropdown-menu{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;max-height:200px;padding:4px 0;border:1px solid var(--color-fill-3);border-radius:var(--border-radius-medium);background-color:var(--color-bg-popup);-webkit-box-shadow:0 4px 10px rgba(0,0,0,.1);box-shadow:0 4px 10px rgba(0,0,0,.1);overflow:auto}.sms-dropdown-menu-hidden{display:none}.sms-dropdown-menu-item,.sms-dropdown-menu-pop-header{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:36px;padding:0 12px;font-size:14px;line-height:36px;text-align:left;cursor:pointer;z-index:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text-1);background-color:transparent}.sms-dropdown-menu-item.sms-dropdown-menu-selected,.sms-dropdown-menu-pop-header.sms-dropdown-menu-selected{color:var(--color-text-1);background-color:transparent;font-weight:500;-webkit-transition:all .1s cubic-bezier(0,0,1,1);transition:all .1s cubic-bezier(0,0,1,1)}.sms-dropdown-menu-item:hover,.sms-dropdown-menu-pop-header:hover{color:var(--color-text-1);background-color:var(--color-fill-2)}.sms-dropdown-menu-item.sms-dropdown-menu-active,.sms-dropdown-menu-pop-header.sms-dropdown-menu-active{-webkit-box-shadow:0 0 0 1px rgb(var(--primary-6)) inset;box-shadow:0 0 0 1px rgb(var(--primary-6)) inset}.sms-dropdown-menu-item.sms-dropdown-menu-disabled,.sms-dropdown-menu-pop-header.sms-dropdown-menu-disabled{color:var(--color-text-4);background-color:transparent;cursor:not-allowed}.sms-dropdown-menu-pop-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.sms-dropdown-menu-pop-header .sms-dropdown-menu-icon-suffix{margin-left:12px}.sms-dropdown-menu-group:first-child .sms-dropdown-menu-group-title{margin-top:4px}.sms-dropdown-menu-group-title{margin-top:8px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0 12px;line-height:20px;font-size:12px;color:var(--color-text-3);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sms-dropdown-menu-dark{border-color:var(--color-menu-dark-bg);background-color:var(--color-menu-dark-bg)}.sms-dropdown-menu-dark .sms-dropdown-menu-item,.sms-dropdown-menu-dark .sms-dropdown-menu-pop-header{color:var(--color-text-4);background-color:transparent}.sms-dropdown-menu-dark .sms-dropdown-menu-item.sms-dropdown-menu-selected,.sms-dropdown-menu-dark .sms-dropdown-menu-pop-header.sms-dropdown-menu-selected{color:var(--color-white);background-color:transparent}.sms-dropdown-menu-dark .sms-dropdown-menu-item.sms-dropdown-menu-selected:hover,.sms-dropdown-menu-dark .sms-dropdown-menu-pop-header.sms-dropdown-menu-selected:hover{color:var(--color-white)}.sms-dropdown-menu-dark .sms-dropdown-menu-item:hover,.sms-dropdown-menu-dark .sms-dropdown-menu-pop-header:hover{color:var(--color-text-4);background-color:var(--color-menu-dark-hover)}.sms-dropdown-menu-dark .sms-dropdown-menu-item.sms-dropdown-menu-disabled,.sms-dropdown-menu-dark .sms-dropdown-menu-pop-header.sms-dropdown-menu-disabled{color:var(--color-text-2);background-color:transparent}.sms-dropdown-menu-dark .sms-dropdown-menu-group-title{color:var(--color-text-3)}.sms-dropdown-menu-pop-trigger .sms-trigger-arrow{display:none}.sms-dropdown-menu+.sms-trigger-arrow{background-color:var(--color-bg-popup)}