.msl-flx{display:inline-flex;align-items:center}.msl-vars{--menu-max-height:400px;--input-width:300px;--font-size:16px;--border-radius:8px 8px 8px 8px;--active-menu-shadow:0 2px 8px 0px #b1b1b1;--line-height:1.4;--active-menu-background:#fff;--active-menu-radius:var(--border-radius)}.msl-wrp *{line-height:var(--line-height)}.msl-wrp{width:var(--input-width);outline:none;position:relative;border-radius:var(--border-radius)}.msl-disabled{pointer-events:none!important}.msl-disabled>.msl{background-color:#f6f6f6}.msl{overflow:hidden;border:1px solid #9c9c9c;border-radius:var(--border-radius);outline:none;cursor:text;transition:border-radius .2s}.msl:not(.msl-active,.msl-active-up):hover{border-color:#505050}.msl-active{background:var(--active-menu-background);box-shadow:var(--active-menu-shadow);z-index:9999;border-color:transparent;border-radius:var(--active-menu-radius);border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0;transition:border-top-left-radius .4s,border-top-right-radius .4s}.msl-active-up{border-color:transparent;transition:border-bottom-left-radius .4s,border-bottom-right-radius .4s}.msl-active-up,.msl-active~.msl-options{background:var(--active-menu-background);box-shadow:var(--active-menu-shadow);z-index:9999;border-radius:var(--active-menu-radius);border-top-left-radius:0;border-top-right-radius:0}.msl-active~.msl-options{-webkit-clip-path:inset(0 -10px -10px -10px);clip-path:inset(0 -10px -10px -10px);max-height:var(--menu-max-height);transition:border-bottom-left-radius .5s ease-in,border-bottom-right-radius .5s ease-in}.msl-active-up~.msl-options{background:var(--active-menu-background);z-index:9999;bottom:99%;box-shadow:var(--active-menu-shadow);-webkit-clip-path:inset(-10px -10px 0 -10px);clip-path:inset(-10px -10px 0 -10px);max-height:var(--menu-max-height);border-radius:var(--active-menu-radius);border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0;transition:border-top-left-radius .7s,border-top-right-radius .7s}.msl-options{position:absolute;width:100%;background:#fff;max-height:0;overflow:auto;scrollbar-color:rgba(0,0,0,.1) transparent;scrollbar-width:thin;border-radius:var(--border-radius)}.msl-input,.msl-input-wrp{display:inline-block;vertical-align:top}.msl-input{outline:none;margin:5px;padding:3px;font-size:var(--font-size)}.msl-input:before{line-height:var(--line-height);color:#929292}.msl-input[data-placeholder]:not([data-placeholder=""]):empty:before{content:attr(data-placeholder)}.msl-chip{background:#eee;border-radius:5px;padding:3px 3px 3px 6px;white-space:nowrap;display:inline-flex;align-items:center;line-break:anywhere;white-space:break-spaces}.msl-chip,.msl-single-value{margin:5px;font-size:var(--font-size)}.msl-single-value{display:inline-block;padding:3px;vertical-align:top;overflow:hidden;text-overflow:ellipsis;line-break:strict;white-space:nowrap}.msl-options::-webkit-scrollbar{width:8px}.msl-options::-webkit-scrollbar-track{background:transparent}.msl-options::-webkit-scrollbar-thumb{background:#0000001a;border-radius:20px}.msl-options::-webkit-scrollbar-thumb:hover{background:#0003}.msl-grp-title,.msl-options .msl-option{font-size:var(--font-size);border-radius:5px;padding:7px 5px;cursor:pointer;margin:4px 6px;line-break:anywhere;line-height:var(--line-height);outline:none;white-space:break-spaces;transition:background .2s}.msl-btn:focus-visible,.msl-option:focus-visible,.msl-wrp:focus-visible{outline:2px solid #07f}.msl-grp-title{font-size:calc(var(--font-size) - 2px);cursor:default;background:#fafafa;opacity:.7}.msl-options .msl-option:last-child{margin-bottom:5px}.msl-option:focus,.msl-options .msl-option:hover{background:#e9e9e9}.msl-option-active{background:#e6f4fa;color:#0351ff}.msl-option-disable{color:#0000004d}.msl-btn{border-radius:50%;border:none;outline:none;padding:0;justify-content:center;cursor:pointer;background:transparent}.msl-actions{position:absolute;right:5px;top:50%;transform:translatey(-50%)}.msl-arrow-btn,.msl-clear-btn{width:25px;height:25px}.msl-arrow-btn:hover,.msl-clear-btn:hover{background:#d3d3d3}.msl-arrow-icn>line,.msl-close-icn>line{stroke-width:1}.msl-arrow-icn,.msl-chip-delete{height:20px;width:20px}.msl-chip-delete{min-width:20px;min-height:20px;margin-left:3px;background:#dadada;color:#0009}.msl-chip-delete:hover{background:#d3d3d3}.msl-chip-delete .msl-close-icn>line{stroke-width:1}.msl-close-icn{height:10px;width:10px}
