.multi-select-container {
display: inline-block;
position: relative;
width: 100% !important;
}
.multi-select-menu {
position: absolute;
left: 0;
top: 1.8em;
z-index: 1;
float: left;
min-width: 100%;
background: #fff;
margin: 1em 0;
border: 1px solid #aaa;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
display: none;
background-color: #f5f5f5 !important;
}
.multi-select-menuitem {
display: block;
font-size: 0.875em;
padding: 0.6em 1em 0.6em 30px;
white-space: nowrap;
}
.multi-select-menuitem--titled:before {
display: block;
font-weight: bold;
content: attr(data-group-title);
margin: 0 0 0.25em -20px;
}
.multi-select-menuitem--titledsr:before {
display: block;
font-weight: bold;
content: attr(data-group-title);
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.multi-select-menuitem + .multi-select-menuitem {
padding-top: 0;
}
.multi-select-presets {
border-bottom: 1px solid #ddd;
}
.multi-select-menuitem input {
margin-left: -20px;
}
.multi-select-button {
display: inline-block;
font-size: 0.875em;
padding: 0.2em 0.6em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: -0.5em;
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
cursor: default;
font-size: 1rem !important;
font-weight: 400 !important;
letter-spacing: 0em !important;
border-width: 0px !important;
border-radius: 0rem !important;
background: var(--color-content-bg-alt) !important;
border-color: var(--color-content-border) !important;
color: var(--color-content-text) !important;
box-shadow: 0px 1px 0px 0px rgb(0 0 0 / 8%) inset !important;
width: 100% !important;
height: 2.8rem !important;
min-height: 2.8rem !important;
line-height: 2.8rem !important;
padding: 0 0.8rem !important;
}
.multi-select-container--open .multi-select-menu {
display: block;
}
.multi-select-container--open .multi-select-button:after {
border-width: 0 0.4em 0.4em 0.4em;
border-color: transparent transparent #999 transparent;
}
.multi-select-container--positioned .multi-select-menu {
box-sizing: border-box;
}
.multi-select-container--positioned .multi-select-menu label {
white-space: normal;
}