@charset "UTF-8";

/* Base container */

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

/* Dropdown */

.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))
}

/* Dropdown position */

.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
}

/* Search box */

.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))
}

/* Results container */

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

/* Option items */

.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))
}

/* Disabled option items */

.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)
}

/* Hover state */

.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
}

/* Selected state */

.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))
}

/* Selected with checkmark */

.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: "✓"
}

/* Group headers */

.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))
}

/* Group container */

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

/* Input groups */

.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
}

/* Loading state */

.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))
}

/* Loading spinner */

.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: ""
}

/* Error states */

/*.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:  0px 1px 2px 0px var(--tw-shadow-color);*/
/*    --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))
}

/* Single Selection */

.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))
}

/* Rendered text */

.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))
}

/* Placeholder */

.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))
}

/* Arrow container */

.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
}

/* Arrow */

.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")
}

/* Disabled state */

.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)
}

/* Clear button */

.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
    }
}

/* Focus styles for keyboard navigation */

.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))
}

/* RTL Support */

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

/* Multiple selection */

.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))
}

/* Multiple selection list */

.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
}

/* Multiple selection choices */

.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
    }
}

/* Remove button */

.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))
}

/* Search field in multiple selection */

.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))
}

/* Disabled state */

.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)
}

/* Clearable state */

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

/* Clear button */

.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
    }
}

/* Focus styles for keyboard navigation */

/*.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))*/
/*}*/