.ss-main{
 display:flex;
 flex-direction:row;
 position:relative;
 user-select:none;
 color:var(--pico-form-element-color);
 height:var(--input-height);
 width:100%;
 padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
 border:1px solid var(--pico-form-element-border-color);
 border-radius:var(--pico-border-radius);
 background-color:var(--pico-form-element-background-color);
 outline:0;
 transition:background-color var(--pico-transition);
 overflow:hidden;
 margin-bottom: var(--pico-spacing);
}
.ss-main:focus{var(--pico-group-box-shadow-focus-with-input)}
.ss-main.ss-disabled{background-color:var(--pico-muted-color);cursor:not-allowed}
.ss-main.ss-disabled .ss-values .ss-disabled{color:var(--pico-form-element-color)}
.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}
.ss-main.ss-open-above{border-top-left-radius:0px;border-top-right-radius:0px}
.ss-main.ss-open-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}
.ss-main .ss-values{display:inline-flex;flex-wrap:wrap;gap:var(--pill-spacing);flex:1 1 100%}
.ss-main .ss-values .ss-placeholder{
 display:flex;
 padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
 margin: auto 0;
 line-height:1em;
 align-items:center;
 width:100%;
 color:var(--pico-form-element-placeholder-color);
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
}
.ss-main .ss-values .ss-max{
 display:flex;user-select:none;align-items:center;width:fit-content;font-size:12px;color:var(--pico-form-element-background-color);
 line-height:1;padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
 background-color:var(--pico-primary);border-radius:var(--pico-border-radius);
}
.ss-main .ss-values .ss-value{
 display:flex;
 user-select:none;
 align-items:center;
 width:fit-content;
 background-color:var(--pico-primary);
 border-radius:var(--pico-border-radius);
 transition:all var(--pico-transition);
}
.ss-main .ss-values .ss-value.ss-value-out{transition: all var(--pico-transition)}
.ss-main .ss-values .ss-value .ss-value-text{
 font-size:var(--pill-text);
 color:var(--pico-form-element-background-color);
 line-height:1;
 padding:var(--pill-spacing);
 white-space:nowrap;
}
.ss-main .ss-values .ss-value .ss-value-delete{
 display:flex;
 align-items:center;
 height:var(--pill-text);
 width:var(--pill-text);
 padding:var(--pill-spacing);
 cursor:pointer;
 border-left:solid 1px var(--pico-form-element-background-color);
 box-sizing:content-box;
}
.ss-main .ss-values .ss-value .ss-value-delete svg{height:var(--pill-text);width:var(--pill-text)}
.ss-main path {fill:none;stroke-width:18;stroke-linecap:round;stroke-linejoin:round}
.ss-value-delete path{stroke:var(--pico-form-element-background-color)}
.ss-arrow path, .ss-addable path {stroke:var(--pico-form-element-color)}
.ss-arrow path{transition:all var(--pico-transition)}

.ss-deselect{display:none}
.ss-main .ss-arrow{width:12px;height:12px;margin:auto var(--pico-form-element-spacing-vertical)}
.ss-content{
 position:absolute;
 display:flex;
 height:auto;
 flex-direction:column;
 max-height:var(--dropdown-height);
 box-sizing:border-box;
 border:var(--pico-border-width) solid var(--pico-dropdown-border-color);
 background-color:var(--pico-dropdown-background-color);
 box-shadow:var(--pico-dropdown-box-shadow);
 transition:all var(--pico-transition);
 opacity:0;
 transform:scaleY(0);
 transform-origin:center top;
 overflow:hidden;
 z-index:99;
}
.ss-content.ss-relative{position:relative;height:100%}
.ss-content.ss-open-above{flex-direction:column-reverse;opacity:1;transform:scaleY(1);transform-origin:center bottom;border-top-left-radius:var(--pico-border-radius);border-top-right-radius:var(--pico-border-radius)}
.ss-content.ss-open-below{opacity:1;transform:scaleY(1);transform-origin:center top;border-bottom-left-radius:var(--pico-border-radius);border-bottom-right-radius:var(--pico-border-radius)}
.ss-content .ss-search{
 flex:0 1 auto;
 display:flex;
 flex-direction:row;
}
.ss-content .ss-search .ss-addable{
 display:inline-flex;justify-content:center;align-items:center;cursor:pointer;flex:0 0 auto;height:auto;margin:0 0 0 var(--pico-form-element-spacing-vertical);border:1px solid var(--pico-form-element-border-color);border-radius:var(--pico-border-radius)
}
.ss-content .ss-search .ss-addable svg{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;width:12px;height:12px;margin:auto var(--pico-form-element-spacing-vertical) auto var(--pico-form-element-spacing-vertical)}
.ss-content .ss-list{flex:1 1 auto;height:auto;overflow-x:hidden;overflow-y:auto}
.ss-content .ss-list .ss-error{color:var(--pico-form-element-invalid-focus-color);}
.ss-content .ss-list .ss-searching{color:var(--pico-form-element-color);}
.ss-content .ss-list .ss-optgroup.ss-close .ss-option{display:none !important}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label{
 display:flex;
 flex-direction:row;
 align-items:center;
 justify-content:space-between;
 padding: var(--pico-form-element-spacing-horizontal) var(--pico-form-element-spacing-vertical);
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{flex:1 1 auto;font-weight:bold;color:var(--pico-form-element-color)}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow){cursor:pointer}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--pico-form-element-spacing-vertical)}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall{flex:0 0 auto;display:flex;flex-direction:row;cursor:pointer}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover{opacity:.5}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path{stroke:var(--pico-form-element-invalid-focus-color)}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span{flex:0 1 auto;display:flex;align-items:center;justify-content:center;font-size:60%;text-align:center;padding:0 var(--pico-spacing) 0 0}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg{flex:0 1 auto;width:13px;height:13px}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path{stroke:var(--pico-form-element-valid-focus-color)}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child{stroke-width:5}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child{stroke-width:11}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable{flex:0 1 auto;display:flex;flex-direction:row;cursor:pointer}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow{flex:1 1 auto;width:10px;height:10px}
.ss-content .ss-list .ss-optgroup .ss-option{padding:var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal) var(--pico-form-element-spacing-vertical) calc(var(--pico-form-element-spacing-horizontal)*3)}
.ss-content .ss-list .ss-option{
 display:block;
 padding:calc(var(--pico-form-element-spacing-vertical) * .5) var(--pico-form-element-spacing-horizontal);
 white-space:normal;
 color:var(--pico-form-element-color);
 cursor:pointer;
 user-select:none;
}
.ss-content .ss-list .ss-option:hover{color:var(--pico-form-element-background-color);background-color:var(--pico-primary)}
.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {color:var(--pico-form-element-placeholder-color);background-color:var(--pico-form-element-selected-background-color)}
.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;background-color:var(--pico-muted-color)}
.ss-content .ss-list .ss-option.ss-disabled:hover{color:var(--pico-form-element-color)}
.ss-content .ss-list .ss-option .ss-search-highlight{display:inline-block;background-color:var(--pico-form-element-selected-background-color)}
.ss-hide {display:none}