select2-tailwindcss-theme/dist/select2-tailwindcss-theme-plain.css

A Select2 theme for Tailwindcss

.select2-container--tailwindcss-3 {
  display:block
}

.select2-container--tailwindcss-3.select2-container--open .select2-dropdown {
  margin-top:0.25rem;
  max-height:15rem;
  width:100%;
  overflow:auto;
  border-radius:0.375rem;
  border-style:none;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top:0.25rem;
  padding-bottom:0.25rem;
  font-size:1rem;
  line-height:1.5rem;
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color:rgb(0 0 0 / 0.05);
  --tw-ring-opacity:0.05
}

.select2-container--tailwindcss-3.select2-container--open .select2-dropdown:focus {
  outline:2px solid transparent;
  outline-offset:2px
}

@media (min-width: 640px) {
  .select2-container--tailwindcss-3.select2-container--open .select2-dropdown {
    font-size:0.875rem;
    line-height:1.25rem
  }
}

.select2-container--tailwindcss-3.select2-container--open .select2-dropdown:where(.dark, .dark *) {
  --tw-border-opacity:1;
  border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.select2-container--tailwindcss-3.select2-container--open .select2-dropdown:where(.dark, .dark *)::-moz-placeholder {
  --tw-placeholder-opacity:1;
  color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))
}

.select2-container--tailwindcss-3.select2-container--open .select2-dropdown:where(.dark, .dark *)::placeholder {
  --tw-placeholder-opacity:1;
  color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))
}

.select2-container--tailwindcss-3.select2-container--open .select2-dropdown:focus:where(.dark, .dark *) {
  --tw-border-opacity:1;
  border-color:rgb(79 70 229 / var(--tw-border-opacity, 1));
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(79 70 229 / var(--tw-ring-opacity, 1))
}

.select2-container--tailwindcss-3.select2-container--open .select2-dropdown--below {
  transform-origin:top
}

.select2-container--tailwindcss-3.select2-container--open .select2-dropdown--above {
  transform-origin:bottom
}

.select2-container--tailwindcss-3 .select2-search--dropdown .select2-search__field {
  display:block;
  width:100%;
  border-radius:0.375rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  padding-left:0.75rem;
  padding-right:0.75rem;
  padding-top:0.375rem;
  padding-bottom:0.375rem;
  font-size:1rem;
  line-height:1.5rem
}

.select2-container--tailwindcss-3 .select2-search--dropdown .select2-search__field::-moz-placeholder {
  --tw-placeholder-opacity:1;
  color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))
}

.select2-container--tailwindcss-3 .select2-search--dropdown .select2-search__field::placeholder {
  --tw-placeholder-opacity:1;
  color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))
}

.select2-container--tailwindcss-3 .select2-search--dropdown .select2-search__field {
  --tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.select2-container--tailwindcss-3 .select2-search--dropdown .select2-search__field:focus {
  --tw-border-opacity:1;
  border-color:rgb(79 70 229 / var(--tw-border-opacity, 1));
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(79 70 229 / var(--tw-ring-opacity, 1))
}

@media (min-width: 640px) {
  .select2-container--tailwindcss-3 .select2-search--dropdown .select2-search__field {
    font-size:0.875rem;
    line-height:1.5rem
  }
}

.select2-container--tailwindcss-3 .select2-search--dropdown .select2-search__field:where(.dark, .dark *) {
  --tw-bg-opacity:1;
  background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))
}

.select2-container--tailwindcss-3 .select2-results__options {
  max-height:15rem;
  overflow:auto
}

.select2-container--tailwindcss-3 .select2-results__option {
  position:relative;
  cursor:default;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  padding-left:0.75rem;
  padding-right:2.25rem;
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity, 1));
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration:150ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
}

.select2-container--tailwindcss-3 .select2-results__option:where(.dark, .dark *) {
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.select2-container--tailwindcss-3 .select2-results__option--disabled {
  cursor:not-allowed;
  --tw-border-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.select2-container--tailwindcss-3 .select2-results__option--disabled:where(.dark, .dark *) {
  border-color:rgb(255 255 255 / 0.05);
  background-color:rgb(255 255 255 / 0.1)
}

.select2-container--tailwindcss-3 .select2-results__option--highlighted {
  --tw-bg-opacity:1;
  background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.select2-container--tailwindcss-3 .select2-results__option--highlighted::after {
  --tw-text-opacity:1 !important;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1)) !important
}

.select2-container--tailwindcss-3 .select2-results__option--selected {
  font-weight:600
}

.select2-container--tailwindcss-3 .select2-results__option--selected:where(.dark, .dark *) {
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.select2-container--tailwindcss-3 .select2-results__option--selected::after {
  position:absolute;
  top:0px;
  bottom:0px;
  right:0.75rem;
  display:flex;
  align-items:center;
  --tw-text-opacity:1;
  color:rgb(79 70 229 / var(--tw-text-opacity, 1));
  content:"✓"
}

.select2-container--tailwindcss-3 .select2-results__group {
  display:flex;
  cursor:default;
  --tw-bg-opacity:1;
  background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));
  padding-left:0.75rem;
  padding-right:0.75rem;
  padding-top:0.375rem;
  padding-bottom:0.375rem;
  font-size:0.75rem;
  line-height:1rem;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:0.05em;
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1))
}

.select2-container--tailwindcss-3 .select2-results__group:where(.dark, .dark *) {
  --tw-bg-opacity:1;
  background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(209 213 219 / var(--tw-text-opacity, 1))
}

.select2-container--tailwindcss-3 .select2-results__option--group {
  padding-left:0px;
  padding-right:0px;
  padding-top:0px;
  padding-bottom:0px
}

.input-group>*+select+.select2-container--tailwindcss-3 .select2-selection {
  border-top-left-radius:0px;
  border-bottom-left-radius:0px;
  border-left-width:0px
}

.input-group>.select2-container--tailwindcss-3:not(:last-child) .select2-selection {
  border-top-right-radius:0px;
  border-bottom-right-radius:0px;
  border-right-width:0px
}

.select2-container--tailwindcss-3 .select2-results__option--loading {
  display:flex;
  align-items:center;
  justify-content:center;
  padding-top:1rem;
  padding-bottom:1rem;
  --tw-text-opacity:1;
  color:rgb(156 163 175 / var(--tw-text-opacity, 1))
}

.select2-container--tailwindcss-3 .select2-results__option--loading::after {
  height:1.25rem;
  width:1.25rem
}

@keyframes spin {
  to {
    transform:rotate(360deg)
  }
}

.select2-container--tailwindcss-3 .select2-results__option--loading::after {
  animation:spin 1s linear infinite;
  border-radius:9999px;
  border-width:2px;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  --tw-border-opacity:1;
  border-top-color:rgb(79 70 229 / var(--tw-border-opacity, 1));
  content:""
}

.field_with_errors .select2-container--tailwindcss-3 .select2-selection,select.is-invalid~.select2-container--tailwindcss-3 .select2-selection,select:invalid~.select2-container--tailwindcss-3 .select2-selection {
  --tw-border-opacity:1;
  border-color:rgb(239 68 68 / var(--tw-border-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(127 29 29 / var(--tw-text-opacity, 1))
}

.field_with_errors .select2-container--tailwindcss-3 .select2-container--focus,select.is-invalid~.select2-container--tailwindcss-3 .select2-container--focus,select:invalid~.select2-container--tailwindcss-3 .select2-container--focus {
  --tw-border-opacity:1 !important;
  border-color:rgb(239 68 68 / var(--tw-border-opacity, 1)) !important;
  --tw-ring-opacity:1 !important;
  --tw-ring-color:rgb(239 68 68 / var(--tw-ring-opacity, 1)) !important
}

.field_with_errors .select2-container--tailwindcss-3 .select2-selection__placeholder,select.is-invalid~.select2-container--tailwindcss-3 .select2-selection__placeholder,select:invalid~.select2-container--tailwindcss-3 .select2-selection__placeholder {
  --tw-text-opacity:1;
  color:rgb(252 165 165 / var(--tw-text-opacity, 1))
}

.select2-container--tailwindcss-3 .select2-selection--single {
  position:relative;
  height:auto;
  min-height:2.25rem;
  width:100%;
  cursor:pointer;
  border-radius:0.375rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top:0.375rem;
  padding-bottom:0.375rem;
  padding-left:0.75rem;
  padding-right:2rem;
  text-align:left;
  font-size:1rem;
  line-height:1.5rem;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration:200ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
}

@media (min-width: 640px) {
  .select2-container--tailwindcss-3 .select2-selection--single {
    font-size:0.875rem;
    line-height:1.5rem
  }
}

.select2-container--tailwindcss-3 .select2-selection--single:where(.dark, .dark *) {
  border-color:rgb(255 255 255 / 0.1);
  background-color:rgb(255 255 255 / 0.05);
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.select2-container--tailwindcss-3 .select2-selection--single .select2-selection__rendered {
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding-left:0px;
  padding-right:0px;
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity, 1))
}

.select2-container--tailwindcss-3 .select2-selection--single .select2-selection__rendered:where(.dark, .dark *) {
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.select2-container--tailwindcss-3 .select2-selection--single .select2-selection__placeholder {
  --tw-text-opacity:1;
  color:rgb(156 163 175 / var(--tw-text-opacity, 1))
}

.select2-container--tailwindcss-3 .select2-selection--single .select2-selection__placeholder:where(.dark, .dark *) {
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.select2-container--tailwindcss-3 .select2-selection--single .select2-selection__arrow {
  position:absolute;
  top:0px;
  bottom:0px;
  right:0px;
  display:flex;
  align-items:center;
  padding-right:0.5rem
}

.select2-container--tailwindcss-3 .select2-selection--single .select2-selection__arrow b {
  height:1.25rem;
  width:1.25rem;
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  --tw-text-opacity:1;
  color:rgb(156 163 175 / var(--tw-text-opacity, 1));
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")
}

.select2-container--tailwindcss-3.select2-container--disabled .select2-selection--single {
  cursor:not-allowed;
  --tw-border-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.select2-container--tailwindcss-3.select2-container--disabled .select2-selection--single:where(.dark, .dark *) {
  border-color:rgb(255 255 255 / 0.05);
  background-color:rgb(255 255 255 / 0.2)
}

.select2-container--tailwindcss-3.select2-container--disabled.select2-container--focus .select2-selection--single {
  --tw-border-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.select2-container--tailwindcss-3.select2-container--disabled.select2-container--focus .select2-selection--single:where(.dark, .dark *) {
  border-color:rgb(255 255 255 / 0.05)
}

.select2-container--tailwindcss-3 .select2-selection--single .select2-selection__clear {
  position:absolute;
  top:0px;
  bottom:0px;
  right:0px;
  display:flex;
  cursor:pointer;
  align-items:center;
  padding-right:2rem;
  font-size:1rem;
  line-height:1.5rem;
  font-weight:700;
  --tw-text-opacity:1;
  color:rgb(156 163 175 / var(--tw-text-opacity, 1))
}

.select2-container--tailwindcss-3 .select2-selection--single .select2-selection__clear:hover {
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1))
}

@media (min-width: 640px) {
  .select2-container--tailwindcss-3 .select2-selection--single .select2-selection__clear {
    font-size:0.875rem;
    line-height:1.5rem
  }
}

.select2-container--tailwindcss-3.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display:none
}

.select2-container--tailwindcss-3.select2-container--focus .select2-selection--single {
  --tw-border-opacity:1;
  border-color:rgb(79 70 229 / var(--tw-border-opacity, 1));
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(79 70 229 / var(--tw-ring-opacity, 1))
}

.select2-container--tailwindcss-3[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-left:2.5rem;
  padding-right:0.75rem
}

.select2-container--tailwindcss-3 .select2-selection--multiple {
  height:auto;
  min-height:2.25rem;
  cursor:default;
  border-radius:0.375rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top:0.375rem;
  padding-bottom:0.375rem;
  padding-left:0.75rem;
  padding-right:0.75rem;
  font-size:1rem;
  line-height:1.5rem
}

@media (min-width: 640px) {
  .select2-container--tailwindcss-3 .select2-selection--multiple {
    font-size:0.875rem;
    line-height:1.5rem
  }
}

.select2-container--tailwindcss-3 .select2-selection--multiple:where(.dark, .dark *) {
  border-color:rgb(255 255 255 / 0.1);
  background-color:rgb(255 255 255 / 0.05);
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.select2-container--tailwindcss-3 .select2-selection--multiple .select2-selection__rendered {
  margin:0px;
  display:flex;
  list-style-type:none;
  flex-direction:row;
  flex-wrap:wrap;
  gap:0.5rem;
  padding:0px
}

.select2-container--tailwindcss-3 .select2-selection--multiple .select2-selection__choice {
  display:inline-flex;
  align-items:center;
  border-radius:0.375rem;
  --tw-bg-opacity:1;
  background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1));
  padding-left:0.625rem;
  padding-right:0.625rem;
  padding-top:0.125rem;
  padding-bottom:0.125rem;
  font-size:1rem;
  line-height:1.5rem;
  font-weight:500;
  --tw-text-opacity:1;
  color:rgb(55 48 163 / var(--tw-text-opacity, 1))
}

@media (min-width: 640px) {
  .select2-container--tailwindcss-3 .select2-selection--multiple .select2-selection__choice {
    font-size:0.875rem;
    line-height:1.5rem
  }
}

.select2-container--tailwindcss-3 .select2-selection--multiple .select2-selection__choice__remove {
  margin-left:-0.25rem;
  margin-right:0.375rem;
  display:flex;
  height:1rem;
  width:1rem;
  align-items:center;
  justify-content:center;
  border-radius:9999px;
  padding-bottom:0.10rem;
  --tw-text-opacity:1;
  color:rgb(79 70 229 / var(--tw-text-opacity, 1))
}

.select2-container--tailwindcss-3 .select2-selection--multiple .select2-selection__choice__remove:hover {
  --tw-bg-opacity:1;
  background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(49 46 129 / var(--tw-text-opacity, 1))
}

.select2-container--tailwindcss-3 .select2-selection--multiple .select2-search--inline {
  display:block
}

.select2-container--tailwindcss-3 .select2-selection--multiple .select2-search--inline .select2-search__field {
  margin:0px;
  height:1.5rem;
  border-width:0px;
  background-color:transparent;
  padding:0px;
  font-size:1rem;
  line-height:1.5rem
}

.select2-container--tailwindcss-3 .select2-selection--multiple .select2-search--inline .select2-search__field::-moz-placeholder {
  --tw-text-opacity:1;
  color:rgb(156 163 175 / var(--tw-text-opacity, 1))
}

.select2-container--tailwindcss-3 .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder {
  --tw-text-opacity:1;
  color:rgb(156 163 175 / var(--tw-text-opacity, 1))
}

.select2-container--tailwindcss-3 .select2-selection--multiple .select2-search--inline .select2-search__field:focus {
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

@media (min-width: 640px) {
  .select2-container--tailwindcss-3 .select2-selection--multiple .select2-search--inline .select2-search__field {
    font-size:0.875rem;
    line-height:1.5rem
  }
}

.select2-container--tailwindcss-3 .select2-selection--multiple .select2-search--inline .select2-search__field:where(.dark, .dark *)::-moz-placeholder {
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.select2-container--tailwindcss-3 .select2-selection--multiple .select2-search--inline .select2-search__field:where(.dark, .dark *)::placeholder {
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.select2-container--tailwindcss-3.select2-container--disabled .select2-selection--multiple {
  cursor:not-allowed;
  --tw-border-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.select2-container--tailwindcss-3.select2-container--disabled .select2-selection--multiple:where(.dark, .dark *) {
  border-color:rgb(255 255 255 / 0.05);
  background-color:rgb(255 255 255 / 0.2)
}

.select2-container--tailwindcss-3.select2-container--disabled.select2-container--focus .select2-selection--multiple {
  --tw-border-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.select2-container--tailwindcss-3.select2-container--disabled.select2-container--focus .select2-selection--multiple:where(.dark, .dark *) {
  border-color:rgb(255 255 255 / 0.05)
}

.select2-container--tailwindcss-3 .select2-selection--multiple.select2-selection--clearable {
  padding-right:1rem
}

.select2-container--tailwindcss-3 .select2-selection--multiple .select2-selection__clear {
  position:absolute;
  top:0px;
  bottom:0px;
  right:0px;
  display:flex;
  cursor:pointer;
  align-items:center;
  padding-right:1rem;
  font-size:1rem;
  line-height:1.5rem;
  font-weight:700;
  --tw-text-opacity:1;
  color:rgb(156 163 175 / var(--tw-text-opacity, 1))
}

.select2-container--tailwindcss-3 .select2-selection--multiple .select2-selection__clear:hover {
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1))
}

@media (min-width: 640px) {
  .select2-container--tailwindcss-3 .select2-selection--multiple .select2-selection__clear {
    font-size:0.875rem;
    line-height:1.5rem
  }
}

.select2-container--tailwindcss-3.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
  display:none
}

.select2-container--tailwindcss-3.select2-container--focus .select2-selection--multiple {
  --tw-border-opacity:1;
  border-color:rgb(79 70 229 / var(--tw-border-opacity, 1));
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(79 70 229 / var(--tw-ring-opacity, 1))
}