/*!
 * This file is part of the Sylius package.
 *
 * (c) Sylius Sp. z o.o.
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

@import "tom-select/dist/css/tom-select.bootstrap5.css";

.ts-control {
  padding: 0.5625rem 2.3rem 0.5625rem 0.8rem;
  line-height: 1.4285714286;
  background: #fff;
  color: var(--tblr-body-color);
  border: var(--tblr-border-width) solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  box-shadow: var(--tblr-box-shadow-input);
}

.focus .ts-control {
  border: 1px solid var(--tblr-focus-ring-color);
  box-shadow: 0 0 0 1px var(--tblr-focus-ring-color);
}

.ts-dropdown, .ts-dropdown.form-control, .ts-dropdown.form-select {
  padding: 5px;
  background: #ffffff;
  border: 1px solid #00000017;
  border-radius: 0.175rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.075);
}

.ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
  cursor: unset;
}

.plugin-clear_button .clear-button {
  top: calc(50% - 4px) !important;
  font-size: 24px;
}