.ss-main.ss-main,
.ss-content.ss-content {
    --ss-border-radius: 0;
    font-size: 2.2rem;
    line-height: 1.3;
}
.ss-main.ss-main {
    min-height: 41px;
    color: var(--body-color);
    padding: 0 0 11px;
    border: 1px solid currentColor;
    border-style: none;
    border-bottom-style: solid;
    background: var(--body-bg-color);
}
.ss-main.ss-main:focus {
    box-shadow: none;
}
.ss-main.ss-main .ss-values .ss-single {
    margin: auto 0;
}
.ss-main.ss-main .ss-arrow {
    width: 8px;
    height: 8px;
    margin: auto 0 auto 24px;
    min-height: auto;
    min-width: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' viewBox='0 0 8 7' fill='none'%3E%3Cpath d='M4 6.5L0.535898 0.500001L7.4641 0.5L4 6.5Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.ss-main.ss-main .ss-arrow * {
    display: none;
}
.ss-content.ss-content {
    max-height: 400px;
    border: none;
    background: var(--body-bg-color);
    padding: 12px 0;
}
.ss-content.ss-content.ss-open-below {
    transform: scaleY(1) translateY(1px);
}
.ss-content.ss-content .ss-list .ss-option {
    padding: 12px 24px;
    background: transparent !important;
    transition: color var(--ss-animation-timing),opacity var(--ss-animation-timing);
    color: var(--body-color);
}