:root {
    --vs-colors--lightest: #6cb7ebba;
    --vs-colors--light: rgba(60, 60, 60, .5);
    --vs-colors--dark: #444646;
    --vs-colors--darkest: rgba(0, 0, 0, .15);
    --vs-search-input-color: inherit;
    --vs-search-input-placeholder-color: inherit;
    --vs-font-size: 13px;
    --vs-line-height: 2.8;
    --vs-state-disabled-bg: rgb(248, 248, 248);
    --vs-state-disabled-color: var(--vs-colors--light);
    --vs-state-disabled-controls-color: var(--vs-colors--light);
    --vs-state-disabled-cursor: not-allowed;
    --vs-border-color: var(--vs-colors--lightest);
    --vs-border-width: 1px;
    --vs-border-style: solid;
    --vs-border-radius: 4px;
    --vs-actions-padding: 6px 15px 0 3px;
    --vs-controls-color: var(--vs-colors--light);
    --vs-controls-size: 0.6;
    --vs-controls--deselect-text-shadow: 0 1px 0 #fff;
    --vs-selected-bg: #489cd542;
    --vs-selected-color: var(--vs-colors--dark);
    --vs-selected-border-color: var(--vs-border-color);
    --vs-selected-border-style: var(--vs-border-style);
    --vs-selected-border-width: var(--vs-border-width);
    --vs-dropdown-bg: #f3f7fc;
    --vs-dropdown-color: #000000;
    --vs-dropdown-z-index: 1000;
    --vs-dropdown-min-width: 160px;
    --vs-dropdown-max-height: calc(35vh - 100px);
    --vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);
    --vs-dropdown-option-bg: #000;
    --vs-dropdown-option-color: var(--vs-dropdown-color);
    --vs-dropdown-option-padding: 8px 10px;
    --vs-dropdown-option--active-bg: #5897fb;
    --vs-dropdown-option--active-color: #e0e0e0;
    --vs-dropdown-option--deselect-bg: #fb5858;
    --vs-dropdown-option--deselect-color: #000;
    --vs-transition-timing-function: cubic-bezier(1, -.115, .975, .855);
    --vs-transition-duration: 0.3s ease
}
.v-select {
    position:relative;
    font-family:inherit
}
.v-select,.v-select * {
    box-sizing:border-box
}
:root {
    --vs-transition-timing-function: cubic-bezier(1, .5, .8, 1);
    --vs-transition-duration: 0.3s ease
}
@-webkit-keyframes vSelectSpinner {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
@keyframes vSelectSpinner {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
.vs__fade-enter-active,.vs__fade-leave-active {
    pointer-events:none;
    transition:opacity var(--vs-transition-duration) var(--vs-transition-timing-function)
}
.vs__fade-enter,.vs__fade-leave-to {
    opacity:0
}
:root {
    --vs-disabled-bg: var(--vs-state-disabled-bg);
    --vs-disabled-color: var(--vs-state-disabled-color);
    --vs-disabled-cursor: var(--vs-state-disabled-cursor)
}
.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__clear,.vs--disabled .vs__search,.vs--disabled .vs__selected,.vs--disabled .vs__open-indicator {
    cursor:var(--vs-disabled-cursor);
    background-color:var(--vs-disabled-bg)
}
.v-select[dir=rtl] .vs__actions {
    padding:10px 3px 0 6px

}
.v-select[dir=rtl] .vs__clear {
    margin-left:6px;
    margin-right:0
}
.v-select[dir=rtl] .vs__deselect {
    margin-left:0;
    margin-right:2px
}
.v-select[dir=rtl] .vs__dropdown-menu {
    text-align:right
}
.vs__dropdown-toggle {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display:flex;
    padding:0 0 4px;
    background: linear-gradient(135deg, #caebff59 0%, #e3f4ff52 100%);
    border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);
    border-radius:var(--vs-border-radius);
    border: 1px solid #6cb7ebba;
    white-space:normal;
}
.vs__selected-options {
    display:flex;
    flex-basis:100%;
    flex-grow:1;
    flex-wrap:wrap;
    padding:0 2px;
    position:relative;
    max-width: calc(100% - 45px);
}
.vs__actions {
    display:flex;
    align-items:center;
    padding:var(--vs-actions-padding)
}
.vs--searchable .vs__dropdown-toggle {
    cursor:pointer;
}
.vs--unsearchable .vs__dropdown-toggle {
    cursor:pointer
}
.vs--open .vs__dropdown-toggle {
    border-bottom-color:transparent;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}
.vs__open-indicator {
    fill:var(--vs-controls-color);
    transform:scale(var(--vs-controls-size));
    transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function);
    transition-timing-function:var(--vs-transition-timing-function)
}
.vs--open .vs__open-indicator {
    transform:rotate(180deg) scale(var(--vs-controls-size))
}
.vs--loading .vs__open-indicator {
    opacity:0
}
.vs__clear {
    fill:var(--vs-controls-color);
    padding:0;
    border:0;
    background-color:transparent;
    cursor:pointer;
    margin-right:8px
}
.vs__dropdown-menu {
    display:block;
    box-sizing:border-box;
    position:absolute;
    top:calc(100% - var(--vs-border-width));
    left:0;
    z-index:var(--vs-dropdown-z-index);
    padding:5px 0 0 0;
    margin:0;
    width:100%;
    max-height:var(--vs-dropdown-max-height);
    min-width:var(--vs-dropdown-min-width);
    overflow-y:auto;
    box-shadow:var(--vs-dropdown-box-shadow);
    border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);
    border-top: 2px solid #95c1e3a1;
    border-radius:0 0 var(--vs-border-radius) var(--vs-border-radius);
    text-align:left;
    list-style:none;
    background:var(--vs-dropdown-bg);
    color:var(--vs-dropdown-color);
}

.vs__dropdown-menu > * {
    display: block; /* Blok seviyesinde tut */
    white-space: nowrap; /* Satır kaymasını engeller */
    overflow: hidden; /* Taşan içeriği gizler */
    text-overflow: ellipsis; /* Uzun içeriklere ... ekler */
    padding: 5px 10px; /* İç boşluk */
    max-width: 100%; /* Taşmayı engeller */
    cursor: pointer; /* İmleç göstergesi */
    border-bottom: 1px solid #e4effda3;
    /* background: linear-gradient(to right, #F3F6F9, #FFFFFF); */
}

.vs__no-options {
    text-align:center
}
.vs__dropdown-option {
    line-height:1.42857143;
    display:block;
    padding:var(--vs-dropdown-option-padding);
    clear:both;
    color:var(--vs-dropdown-option-color);
    white-space:nowrap;
    cursor:pointer;
    font-size: 14px;
    transition: background-color 0.3s ease;
    font-family: var(--bs-body-font-family, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif);

}
.vs__dropdown-option--highlight {
    background:var(--vs-dropdown-option--active-bg);
    color:var(--vs-dropdown-option--active-color);
}
.vs__dropdown-option--deselect {
    background:var(--vs-dropdown-option--deselect-bg);
    color:var(--vs-dropdown-option--deselect-color)
}
.vs__dropdown-option--disabled {
    background:var(--vs-state-disabled-bg);
    color:var(--vs-state-disabled-color);
    cursor:var(--vs-state-disabled-cursor)
}
.vs__selected {
    display:block;
    align-items:center;
    background-color:var(--vs-selected-bg);
    /* border:var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color); */
    border-radius:var(--vs-border-radius);
    color:var(--vs-selected-color);
    line-height:var(--vs-line-height);
    margin:4px 2px 0;
    padding:0 10px;
    z-index:0;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 90%;
    overflow: hidden;

}
.vs__deselect {
    display:inline-flex;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    margin-left: 10px;
    padding:0;
    border:0;
    cursor:pointer;
    background:none;
    fill:var(--vs-controls-color);
    text-shadow:var(--vs-controls--deselect-text-shadow)
}
.vs--single .vs__selected {
    background-color:transparent;
    border-color:transparent
}
.vs--single.vs--open .vs__selected,.vs--single.vs--loading .vs__selected {
    position:absolute;
    opacity:.4
}
.vs--single.vs--searching .vs__selected {
    display:none
}
.vs__search::-webkit-search-cancel-button {
    display:none
}
.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration,.vs__search::-ms-clear {
    display:none
}
.vs__search,.vs__search:focus {
    color:var(--vs-search-input-color);
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    line-height:var(--vs-line-height);
    font-size:var(--vs-font-size);
    border:1px solid transparent;
    border-left:none;
    outline:none;
    margin:4px 0 0;
    padding:0 7px;
    background:none;
    box-shadow:none;
    width:0;
    max-width:100%;
    flex-grow:1;
    z-index:1;
    cursor: pointer;
}
.vs__search::-moz-placeholder {
    color:var(--vs-search-input-placeholder-color)
}
.vs__search::placeholder {
    color:var(--vs-search-input-placeholder-color)
}
.vs--unsearchable .vs__search {
    opacity:1
}
.vs--unsearchable:not(.vs--disabled) .vs__search {
    cursor:pointer
}
.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
    opacity:.2
}
.vs__spinner {
    align-self:center;
    opacity:0;
    font-size:5px;
    text-indent:-9999em;
    overflow:hidden;
    border-top:.9em solid rgba(100,100,100,.1);
    border-right:.9em solid rgba(100,100,100,.1);
    border-bottom:.9em solid rgba(100,100,100,.1);
    border-left:.9em solid rgba(60,60,60,.45);
    transform:translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));
    -webkit-animation:vSelectSpinner 1.1s infinite linear;
    animation:vSelectSpinner 1.1s infinite linear;
    transition:opacity .1s
}
.vs__spinner,.vs__spinner:after {
    border-radius:50%;
    width:5em;
    height:5em;
    transform:scale(var(--vs-controls--spinner-size, var(--vs-controls-size)))
}
.vs--loading .vs__spinner {
    opacity:1
}


/* Kendi oluşturduğum sınıflar */
/* Geçiş sırasında aktif olan sınıflar */
.vs__fade-enter-active,
.vs__fade-leave-active {
    transition: opacity 0.4s cubic-bezier(0.25, 1, 0.3, 1), transform 0.4s cubic-bezier(0.25, 1, 0.3, 1);
    will-change: opacity, transform;
}

/* Açılmadan önce (başlangıç hali) */
.vs__fade-enter-from {
    opacity: 0;
    transform: translateY(-10px);
}

/* Açılma sonrası ulaşılacak son hal */
.vs__fade-enter-to {
    opacity: 1;
    transform: translateY(0);
}

/* Kapanmadan önce (görünür durumda) */
.vs__fade-leave-from {
    opacity: 1;
    transform: translateY(0);
}

/* Kapanış son hali (görünmez) */
.vs__fade-leave-to {
    opacity: 0;
    transform: translateY(-10px);
}