.multi-select-container {
display: block;
position: relative;
width:100%;
}

.multi-select-menu {
position: absolute;
left: 0;
top: 32px;
z-index: 1;
float: left;
width: 100% !important;
min-width: 100%;
background: #fff;
margin: 1em 0;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
border-radius: 1px;
display: none;
overflow-y: auto !important;
overflow-x: hidden !important;
max-height:265px !important;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #333333;
}

input[type=checkbox]{
appearance: none;
box-shadow: none;
border: 3px solid #ADADAD;
border-radius:3px;
width: 18px;
height: 18px;
}

input[type=checkbox]:checked{
border: 0;
border-radius:3px;
}

input[type=checkbox]:checked:after{
position:absolute;
background-repeat: no-repeat;
width:18px;
height:18px;
top:0;
left:0;
content:'';
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0H17C17.2652 0 17.5196 0.105357 17.7071 0.292893C17.8946 0.48043 18 0.734784 18 1V17C18 17.2652 17.8946 17.5196 17.7071 17.7071C17.5196 17.8946 17.2652 18 17 18H1C0.734784 18 0.48043 17.8946 0.292893 17.7071C0.105357 17.5196 0 17.2652 0 17V1C0 0.734784 0.105357 0.48043 0.292893 0.292893C0.48043 0.105357 0.734784 0 1 0V0ZM8.003 13L15.073 5.929L13.659 4.515L8.003 10.172L5.174 7.343L3.76 8.757L8.003 13Z' fill='%23333333'/%3E%3C/svg%3E");
border-radius:3px;
}
 
input[type=checkbox]:active, input[type=checkbox]:focus, input[type=checkbox]:checked:focus{
outline: 3px solid #ED6E16;
outline-offset: 3px;
border-radius:1px;
}

.multi-select-menuitem {
display: block;
padding: 1rem 2rem 1rem 3rem;
white-space: nowrap;
}

.multi-select-menuitem--titled:before {
display: block;
font-weight: 700;
content: attr(data-group-title);
margin: 0 0 1rem -2rem;
}

.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-menuitem.multi-select-menuitem--titled{
padding-top:1rem !important;	
}

.multi-select-presets {
border-bottom: 1px solid #ddd;
}

.multi-select-menuitem input {
position: absolute;
margin-top: 0.25em;
margin-left: -2rem;
}

.multi-select-button {
display: inline-block;
color: #333333;
font-weight: 400;
font-size: 15px;
padding: .7rem;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background-color: #ffffff;
border: 1px solid #5C5C5C;
border-radius: 3px;
position:relative;
}

.multi-select-button:hover{
border: 1px solid #333333;	
}

.multi-select-button:focus, .multi-select-button:focus-visible{
outline:none;
border: 1px solid #333333;
outline: 3px solid #333333;
outline-offset: -1px;
z-index:20;
}

.multi-select-button:after {
content: "";
position:absolute;
width: 12px;
height: 8px;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9993 1.66699L6.33268 6.33366L1.66602 1.66699' stroke='%231F1F1F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
right:1rem;
top:20px;
} 

.multi-select-container--open .multi-select-menu {
display: block;
}

.multi-select-container--open .multi-select-button:after {
transform:rotate(180deg);
}

.multi-select-container--positioned .multi-select-menu {
/* Avoid border/padding on menu messing with JavaScript width calculation */
box-sizing: border-box;
}

.multi-select-container--positioned .multi-select-menu label {
/* Allow labels to line wrap when menu is artificially narrowed */
white-space: normal;
}