.xs-select-wrapper {
    position: relative;
}

.xs-select-wrapper .xs-select-select {
    user-select: none;
}

.xs-select-wrapper.single-select .xs-select-select {
    height: calc(3.75rem);
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.xs-select-wrapper select.form-select-sm + .xs-select-select
{
    padding-top: .55rem;
    padding-bottom: .55rem;
    padding-left: .75rem;
    font-size: .925rem;
    border-radius: .425rem;
}

.xs-select-wrapper select.form-select-xs + .xs-select-select
{
    min-height: calc(1.5em + 0.6rem + 2px);
    padding: 0.3rem 0.75rem;
    font-size: 0.925rem;
    border-radius: 0.375rem;
}

.xs-select-wrapper .xs-select-inner {
    display: none;
    position: absolute;
    z-index: 9;
    top: 100%;
    width: 100%;
    box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    background-color: #fff;
    overflow: auto;
}

.xs-select-wrapper select.xs-select-wide-entry ~ .xs-select-inner
{
    width: 150%;
}

.xs-select-wrapper.disabled .xs-select-select
{
    color: var(--kt-input-disabled-color);
    background-color: var(--kt-input-disabled-bg);
    border-color: var(--kt-input-disabled-border-color);
    cursor: auto;
}

div:not(.form-floating) > .xs-select-wrapper select.is-invalid + .xs-select-select
{
    border-color: #fa416c;

    padding-right: 5rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237E8299' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f1416c'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f1416c' stroke='none'/%3e%3c/svg%3e");
    background-position: right 1rem center,center right 3rem;
    background-size: 16px 12px,calc(.75em + .775rem) calc(.75em + .775rem);
}

div:not(.form-floating) > .xs-select-wrapper select.is-invalid.form-select-xs + .xs-select-select
{
    padding-right: 3.5rem;
    background-position: right 1rem center,center right 2.4rem;

}

ul.xs-select-list {
    list-style: none;
    border: 0;
    border-radius: 0;
    padding: 0.5rem 0;
    max-height: 200px;
    overflow-y: auto;
}

ul.xs-select-list li {
    user-select: none;
}

.xs-select-select:hover {
    cursor: pointer;
}

.xs-select-select:focus {
    border-color: var(--kt-link-hover-color);
}

li.xs-select-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #5e6278;
    transition: color 0.2s ease, background-color 0.2s ease;
    font-weight: 400;
}

li.xs-select-item.xs-select-marked {
    color: var(--kt-component-hover-color);
    background-color: var(--kt-component-hover-bg);
}

li.xs-select-item.xs-select-selected {
    background-color: #009ef7;
    color: #fff;
}

li.xs-select-item:hover {
    background-color: #f1faff;
    color: #009ef7;
    transition: color 0.2s ease, background-color 0.2s ease;
    cursor: pointer;
}

li.xs-select-item.xs-select-selected:hover {
    background-color: #009ef7;
    color: #fff;
}

li.xs-select-message {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #7e8299;
    transition: color 0.2s ease, background-color 0.2s ease;
    min-height: 39px;
}

.xs-select-wrapper select.form-select-dropdown-xs ~ div.xs-select-inner li.xs-select-item
{
    padding: 0.325rem 0.625rem;
}

.xs-select-wrapper select.form-select-dropdown-w-xl ~ div.xs-select-inner
{
    width: 150%;
}

.xs-select-wrapper.open .xs-select-inner {
    display: block;
}

.form-floating > .xs-select-wrapper ~ label
{
    opacity: .65;
    transform: scale(.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .xs-select-wrapper ~ label.is-invalid, .xs-select-wrapper ~ label.is-invalid
{
    color: #f1416c;
}

.form-floating .xs-select-select {
    height: 3.75rem;
    line-height: 1.25;
}