.ts-wrapper.rossa-select{
    border: none;
    padding: 0;
    cursor: pointer;
    position: relative;
    color: var(--rossa-color-default-text);
}

.ts-wrapper.rossa-select:focus,
.ts-wrapper.rossa-select:focus-visible{
    cursor: pointer;
    box-shadow: 0 1px 1px rgba(24, 36, 51, 0.06),0 0 0 .25em rgba(6, 111, 209,.25);
}

/* Campo entrada */
.ts-wrapper.rossa-select > .ts-control {
    position: relative;
    font-size: 1em;
    border-radius: .5em;
    border: 1px solid var(--rossa-color-gray);
    padding: 0.5em 1em;
    line-height: 1.375em;
    box-shadow:  0 1px 1px rgba(24, 36, 51, 0.06);
}

.ts-wrapper.rossa-select > .ts-control:focus,
.ts-wrapper.rossa-select > .ts-control:focus-visible {
    outline: 0;
    box-shadow: var(--rossa-box-shadow-input-focus);
    background-color: var(--rossa-color-white);
    border-color: var(--rossa-color-light-blue);
    cursor: default;
}

.ts-wrapper.rossa-select > .ts-control::after{
    content: url('../../../img/select/chevron-down.svg');
    position: absolute;
    height: 1.5em;
    width: 1.5em;
    top: 0.2em;
    right: 0;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    border-radius: .5em;
    background-color: #ffffff;
}

.ts-wrapper.rossa-select > .ts-control:focus::after{
    content: url('../../../img/select/chevron-up.svg');
    position: absolute;
    height: 1.5em;
    width: 1.5em;
    top: 0.2em;
    right: 0;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    border-radius: .5em;
    background-color: #ffffff;
}

.ts-wrapper.rossa-select.rossa-select--search > .ts-control::after,
.ts-wrapper.rossa-select.rossa-select--phone > .ts-control::after{
    height: fit-content;
    width: 2.5em;
}

.ts-wrapper.rossa-select.rossa-select--search > .ts-control:focus::after,
.ts-wrapper.rossa-select.rossa-select--phone > .ts-control:focus::after{
    height: fit-content;
    width: 2.5em;
}


/* Campo texto */
.ts-wrapper.rossa-select > .ts-control .item {
    /*white-space: nowrap;*/
}

/* Dropdown */
.ts-wrapper.rossa-select .ts-dropdown {
    margin-top: 0.5em;
    border-radius: .5em;
    border: 1px solid #d1d5db;
    padding: .25em;
    outline: none;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    font-size: 1em;
}
.ts-wrapper.rossa-select.rossa-select--phone .ts-dropdown{
    min-width: 200px;
}

.ts-wrapper.rossa-select .ts-dropdown:focus {
    outline: none;
}

.ts-wrapper.rossa-select .ts-dropdown-content{
    scrollbar-width: thin;
}

/* Dropdown item */
.ts-wrapper.rossa-select .ts-dropdown .option {
    padding: 0.5em 1em;
    font-size: 1em;
    border-radius: .375em;
    cursor: default;
}

.ts-wrapper.rossa-select .ts-dropdown .option:hover,
.ts-wrapper.rossa-select .ts-dropdown .option.active {
    background-color: #f3f4f6;
}


/* Campo search */
.ts-wrapper.rossa-select .dropdown-input-wrap{
    margin-bottom: 0.5em;
}
.ts-wrapper.rossa-select .dropdown-input-wrap > .dropdown-input {
    width: 100%;
    font-size: 1em;
    padding: .5em .75em;
    line-height: 1.375em;
    border: 1px solid var(--rossa-color-gray);
    border-radius: .3125em;
    box-shadow: var(--rossa-box-shadow-input);
    background-color: var(--rossa-color-white);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: var(--rossa-color-black);
    box-sizing: border-box;
}

.ts-wrapper.rossa-select .dropdown-input:focus {
    position: relative;
    z-index: 10;
    outline: none;
    box-shadow: var(--rossa-box-shadow-input-focus);
    border-color: #d1d5db;
}


/* estados */
/*
.rossa-selectbox-error input, .rossa-selectbox-error  .ts-wrapper.rossa-select>.ts-control{
    border-color: rgb(231 0 76 / 1);
}
.rossa-selectbox-error input:focus, .rossa-selectbox-error .ts-wrapper.rossa-select>.ts-control:focus-visible,
.rossa-selectbox-error .ts-wrapper.rossa-select>.ts-control:focus {
    box-shadow: 0 0 0 1px rgb(200 18 18 / 30%), 0 1px 1px 0 rgb(0 0 0 / 7%), 0 0 0 4px rgb(200 18 18 / 30%) !important;
}
.rossa-selectbox-error .ts-wrapper.rossa-select>.ts-control::after{
    border-color: rgb(231 0 76 / 1);
}
*/


.rossa-form__field .rossa-select.rossa-field--error + .ts-wrapper.rossa-select>.ts-control,
.rossa-select.rossa-efd--error + .ts-wrapper.rossa-select>.ts-control{
    border-color: rgb(231 0 76 / 1);
    color: rgb(231 0 76 / 1);
}

.rossa-form__field .rossa-select.rossa-field--error + .ts-wrapper.rossa-select>.ts-control:focus-visible,
.rossa-form__field .rossa-select.rossa-field--error + .ts-wrapper.rossa-select>.ts-control:focus,
.rossa-select.rossa-efd--error + .ts-wrapper.rossa-select>.ts-control:focus-visible,
.rossa-select.rossa-efd--error + .ts-wrapper.rossa-select>.ts-control:focus{
    box-shadow: 0 0 0 1px rgb(200 18 18 / 30%), 0 1px 1px 0 rgb(0 0 0 / 7%), 0 0 0 4px rgb(200 18 18 / 30%) !important;
}

.rossa-form__field .rossa-select.rossa-field--error + .ts-wrapper.rossa-select>.ts-control::after,
.rossa-select.rossa-efd--error + .ts-wrapper.rossa-select>.ts-control::after{
    border-color: rgb(231 0 76 / 1);
}


.rossa-selectbox-disabled > label, .rossa-selectbox-disabled > label > span{
    color: #d1d5db;
}
.rossa-selectbox-disabled > .ts-wrapper.rossa-select{
    border-color: #d1d5db;
}

/***** DROPDOWN UP *****/

.ts-wrapper.rossa-select.rossa-select--dropdown-up .ts-dropdown{
    top: auto;
    bottom: 100%;
    margin-bottom: 0.5em;
    margin-top: 0;
}