.no--results[data-v-dc8c002e] {
    margin: 0;
    padding: 13px 15px
}

.sp-listbox[data-v-dc8c002e] {
    display: block;
    width: 100%;
    border: 1px solid #CCCFD4;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(81, 89, 106, .1);
    overflow: hidden
}

.sp-listbox hr.hr[data-v-dc8c002e] {
    width: 100%;
    margin: 5px 0
}

.listbox__heading[data-v-dc8c002e] {
    display: block;
    border-bottom: 1px solid #EEEFF1;
    width: 100%;
    flex: 100%;
    padding: 0 0 10px;
    font-family: var(--font-family-titles);
    font-weight: var(--font-titles-weight);
    font-size: var(--font-h7-size-bp-sm);
    line-height: var(--font-h7-line-height-bp-sm);
    letter-spacing: var(--font-h7-spacing-bp-sm);
    margin: 15px 15px 10px
}

.listbox__list[data-v-dc8c002e] {
    text-align: start;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    max-height: 180px
}

.no--results[data-v-dc8c002e],
.listbox__option[data-v-dc8c002e] {
    font-size: var(--font-p-md-size-bp-sm);
    line-height: var(--font-p-md-line-height-bp-sm);
    letter-spacing: var(--font-p-md-spacing-bp-sm);
    text-align: left;
    padding: 13px 15px
}

.listbox__option[data-v-dc8c002e] {
    color: #343c4b;
    text-decoration: none;
    width: 100%
}

.listbox__option .sp-icon.color--inherit g[data-v-dc8c002e],
.listbox__option .sp-icon.color--inherit path[data-v-dc8c002e],
.listbox__option .sp-icon.color--inherit polygon[data-v-dc8c002e] {
    fill: #343c4b
}

.listbox__option[data-v-dc8c002e] .sp-icon.color--inherit g,
.listbox__option[data-v-dc8c002e] .sp-icon.color--inherit path,
.listbox__option[data-v-dc8c002e] .sp-icon.color--inherit polygon {
    fill: #343c4b
}

.listbox__option[data-v-dc8c002e]:hover {
    background-color: #f6f6f7
}

.listbox__option.is--disabled[data-v-dc8c002e] {
    background-color: transparent
}

.listbox__option.is--selected[data-v-dc8c002e] {
    color: rgb(var(--rgb-blue))
}

.listbox__option.is--selected .sp-icon.color--inherit g[data-v-dc8c002e],
.listbox__option.is--selected .sp-icon.color--inherit path[data-v-dc8c002e],
.listbox__option.is--selected .sp-icon.color--inherit polygon[data-v-dc8c002e] {
    fill: rgb(var(--rgb-blue))
}

.listbox__option.is--selected[data-v-dc8c002e] .sp-icon.color--inherit g,
.listbox__option.is--selected[data-v-dc8c002e] .sp-icon.color--inherit path,
.listbox__option.is--selected[data-v-dc8c002e] .sp-icon.color--inherit polygon {
    fill: rgb(var(--rgb-blue))
}

.listbox__option.text--red[data-v-dc8c002e],
.listbox__option.color--red[data-v-dc8c002e] {
    color: #f25e62
}

.listbox__option.text--red .sp-icon.color--inherit g[data-v-dc8c002e],
.listbox__option.color--red .sp-icon.color--inherit g[data-v-dc8c002e],
.listbox__option.text--red .sp-icon.color--inherit path[data-v-dc8c002e],
.listbox__option.color--red .sp-icon.color--inherit path[data-v-dc8c002e],
.listbox__option.text--red .sp-icon.color--inherit polygon[data-v-dc8c002e],
.listbox__option.color--red .sp-icon.color--inherit polygon[data-v-dc8c002e] {
    fill: #f25e62
}

.listbox__option.text--red[data-v-dc8c002e] .sp-icon.color--inherit g,
.listbox__option.color--red[data-v-dc8c002e] .sp-icon.color--inherit g,
.listbox__option.text--red[data-v-dc8c002e] .sp-icon.color--inherit path,
.listbox__option.color--red[data-v-dc8c002e] .sp-icon.color--inherit path,
.listbox__option.text--red[data-v-dc8c002e] .sp-icon.color--inherit polygon,
.listbox__option.color--red[data-v-dc8c002e] .sp-icon.color--inherit polygon {
    fill: #f25e62
}

.sp-listbox.has--columns .listbox__list[data-v-dc8c002e] {
    padding: 15px
}

.sp-listbox.has--columns .listbox__heading[data-v-dc8c002e] {
    margin: 15px 10px 10px
}

.sp-listbox.has--columns .listbox__heading[data-v-dc8c002e]:first-child {
    margin-top: 0
}

.sp-listbox.has--columns .listbox__list[data-v-dc8c002e] {
    margin: 0 -10px
}

.sp-listbox.has--columns .listbox__option[data-v-dc8c002e] {
    border-radius: 5px;
    margin: 0 0 5px;
    padding: 5px 10px
}

@media (min-width: 768px) {
    .listbox__heading[data-v-dc8c002e] {
        line-height: var(--font-h7-line-height-bp-md)
    }

    .listbox__list[data-v-dc8c002e] {
        max-height: 350px
    }
}

@media (min-width: 1200px) {
    .no--results[data-v-dc8c002e] {
        padding: 15px 25px
    }

    .listbox__heading[data-v-dc8c002e] {
        font-size: var(--font-h7-size-bp-lg);
        line-height: var(--font-h7-line-height-bp-lg);
        margin: 15px 25px 10px
    }

    .no--results[data-v-dc8c002e],
    .listbox__option[data-v-dc8c002e] {
        font-size: var(--font-p-md-size-bp-lg);
        line-height: var(--font-p-md-line-height-bp-lg);
        padding: 15px 25px;
        width: 100%;
        flex: 0 1 100%
    }

    .sp-listbox.has--columns .listbox__list[data-v-dc8c002e] {
        padding: 15px 25px
    }

    .sp-listbox.has--columns .listbox__heading[data-v-dc8c002e] {
        margin: 20px 15px 10px
    }

    .sp-listbox.has--columns .listbox__list[data-v-dc8c002e] {
        margin: 0 -15px
    }

    .sp-listbox.has--columns .listbox__option[data-v-dc8c002e] {
        margin: 0;
        padding: 5px 15px;
        width: 50%;
        flex: 0 1 50%
    }
}