.ts-wrapper {
    border: none;
}
.ts-control {
    border: 1px solid oklch(86.9% 0.022 252.894);
    box-shadow: none !important;
    font-size: 16px !important;
    padding: 0.6em 0.6em;
    z-index: 0;
}
.ts-wrapper.multi.has-items .ts-control {
    padding: calc(0.6em - 2px - 1px) 0.6em calc(0.6em - 2px - 3px - 1px);
}
.ts-control input {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.disabled .ts-control {
    opacity: 1;
    background-color: oklch(96.8% 0.007 247.896) !important;
    border: 1px solid oklch(96.8% 0.007 247.896) !important;
    color: oklch(55.4% 0.046 257.417) !important;
}
.ts-wrapper.plugin-remove_button .item .remove {
    border-radius: 30em;
    font-size: 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.8em;
    height: 0.8em;
    background: white;
    color: var(--color-primary);
}
.ts-wrapper.plugin-remove_button .item .remove:hover {
    background: var(--color-secondary);
    color: white;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
    border-left: none;
    margin-left: 10px;
    margin-right: 0.25em;
}
.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {
    color: transparent;
    background-color: transparent;
    width: 0;
    margin: 0;
}

.ts-wrapper.multi .ts-control [data-value] {
    text-shadow: none;
    border-radius: 20em;
    border: none;
    background-color: var(--color-primary);
    background-image: inherit;
    background-repeat: unset;
    box-shadow: none;
    padding: 0.25em 0.75em;
}
.ts-wrapper.multi .ts-control [data-value].active {
    background-color: var(--color-secondary);
    background-image: inherit;
    background-repeat: unset;
    border: none;
}
.ts-wrapper.multi.disabled .ts-control [data-value] {
    color: oklch(55.4% 0.046 257.417);
}

.ts-wrapper.single .ts-control {
    box-shadow: none;
    background-color: inherit;
    background-image: inherit;
    background-repeat: unset;
}