.toolbox-selector { font-family: 'Source Sans Pro', 'TF-Regular', Arial, sans-serif; font-kerning: normal; -webkit-font-variant-ligatures: no-common-ligatures; font-variant-ligatures: no-common-ligatures; -webkit-font-feature-settings: "kern" 1,"liga" 0; font-feature-settings: "kern" 1,"liga" 0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; display: inline-flex; align-items: center; gap: 0.25rem; background-color: transparent; padding: .125rem; margin: .5rem; border-radius: 1rem; max-width: 100%; /* Modifiers */ }

.toolbox-selector:focus { outline: 0; }

.toolbox-selector__item { position: relative; display: inline-block; display: flex; vertical-align: top; max-width: 100%; overflow: hidden; transform: translate(0); -webkit-transition: all .3s ease-in-out, transform .5s ease; transition: all .3s ease-in-out, transform .5s ease; cursor: pointer; opacity: .5; top: 0; transform: translate3d(0, 0, 0); border-radius: 1.75rem; }

.toolbox-selector__item::after { content: ''; position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; box-shadow: inset 0.625rem 0 0.625rem -0.625rem rgba(0, 0, 0, 0.2); border-radius: inherit; pointer-events: none; }

.toolbox-selector__item:hover { top: 0; transform: translate3d(0, 0.125rem, 0); }

.toolbox-selector__item:focus { outline: 0; text-shadow: none; box-shadow: 0 0 1.25rem #000000; /* IE fix */ box-shadow: 0 0 1.25rem #00000080; box-shadow: 0 0 .75rem -.25rem #00000080; }

.toolbox-selector__item:not(.toolbox-selector__item--selected) [style*="background-color"] { filter: grayscale(1); }

.toolbox-selector__item--selected { opacity: 1; box-shadow: 0 0.25rem 0.5rem -0.25rem rgba(0, 0, 0, 0.2); }

.toolbox-selector__item--selected::after { display: none; }

.toolbox-selector__item--selected .toolbox-selector__blockPart { background-color: #FFF; }

.toolbox-selector__input { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0 !important; cursor: pointer; }

.toolbox-selector__block { border: 0; outline: 0; padding: 0; position: relative; display: flex; align-items: stretch; }

.toolbox-selector__blockPart { position: relative; min-height: 1.75rem; padding: 0.25rem .875rem; transform: translate3d(0, 0, 0); }

.toolbox-selector__blockPart > span { position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.toolbox-selector--expanded { background-color: #D7D7D7; }

.toolbox-selector--singleselect .toolbox-selector__item--selected { cursor: default; pointer-events: none; transform: translate(0); opacity: 1; box-shadow: none; }

.toolbox-selector--singleselect .toolbox-selector__item--selected:focus, .toolbox-selector--singleselect .toolbox-selector__item--selected:hover { transform: translate(0); animation: none; }

.toolbox-selector--multiselect { flex-wrap: wrap; gap: 0.15rem; border-radius: 0.5rem; }

.toolbox-selector--multiselect .toolbox-selector__item { border-radius: .4rem; }

.toolbox-selector--multiselect .toolbox-selector__block { display: inherit; }

.toolbox-selector--multiselect .toolbox-selector__blockPart { max-width: none; }

.toolbox-selector--wrapped .toolbox-selector__block { display: block; }

.toolbox-selector--required.toolbox-selector--locked .toolbox-selector__item--selected { cursor: default; pointer-events: none; transform: translate(0); opacity: 1; box-shadow: none; }

.toolbox-selector--required.toolbox-selector--locked .toolbox-selector__item--selected:focus, .toolbox-selector--required.toolbox-selector--locked .toolbox-selector__item--selected:hover { transform: translate(0); animation: none; }

.toolbox-selector--inverted { color: #FFF; }

.toolbox-selector--inverted.toolbox-selector--expanded { background-color: #000; }

.toolbox-selector--inverted .toolbox-selector__item { box-shadow: inset -0.065rem 0.2rem 0.625rem -0.2rem rgba(255, 255, 255, 0.75); }

.toolbox-selector--inverted .toolbox-selector__item--selected { box-shadow: 0 0.25rem 0.5rem -0.125rem black; }

.toolbox-selector--inverted .toolbox-selector__item--selected .toolbox-selector__blockPart { background-color: #333; }

.toolbox-selector--inverted .toolbox-selector__item:hover { background-color: #333; box-shadow: none; }

.toolbox-selector--draggable { cursor: move; background-size: 200%; }

.toolbox-selector--draggable:hover, .toolbox-selector--draggable:active { background-image: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 5px, rgba(0, 0, 0, 0.2) 5px, rgba(0, 0, 0, 0.2) 10px); }

.toolbox-selector--draggable:hover .toolbox-selector__item, .toolbox-selector--draggable:active .toolbox-selector__item { opacity: 1; transform: none; }

.toolbox-selector--draggable .toolbox-selector__item { cursor: move; box-shadow: none; }

.toolbox-selector--draggable .toolbox-selector__item::before { display: none; }

.toolbox-selector--draggable .toolbox-selector__block { background-color: #FFF; }

.toolbox-selector--filter { background-color: #D7D7D7; border: 0.125rem solid #D7D7D7; }

.toolbox-selector--filter .toolbox-selector__item:hover { transform: translate(0, 0); opacity: 1; }

.toolbox-selector--filter .toolbox-selector__item--selected { box-shadow: none; }

.toolbox-selector--labeled .toolbox-selector { border-radius: 0; }

.toolbox-selector--labeled .toolbox-selector__block { border-radius: 0; align-items: baseline; }

.toolbox-selector--labeled .toolbox-selector__block:not(:last-of-type) { border-right: 0.065rem dashed rgba(0, 0, 0, 0.5); }

.toolbox-selector--labeled .toolbox-selector__blockPart:not(:last-of-type) { border-right: 0.065rem dashed rgba(0, 0, 0, 0.25); }

.toolbox-selector--has-label { margin: 0 -1rem; }

.toolbox-selector [style*="background-color"] { color: #000; }

.toolbox-selector .is-disabled .toolbox-selector--selected { box-shadow: none; }

.is-inverted .toolbox-selector { color: #000; }

/*# sourceMappingURL=toolbox-selector.css.map */