.s-input-select__options-group {
    position: absolute;
    z-index: 5;
    top: calc(100% - 0.3rem - 1px);
    left: -2px;
    width: 100%;
    max-height: 254px;
    resize: vertical;
    color: var(--dark);
    background-color: var(--lighter);
    box-shadow: var(--shadow--light);
    border-bottom-right-radius: 0.6rem;
    border-bottom-left-radius: 0.6rem;
    border: 2px solid var(--primary-alpha-500);
    border-top: none;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    overflow: auto;
    animation: 0.15s fade-in, 0.1s lite-slide-down;
}
    .s-input-select__options-group--error {
        border-color: var(--error);
    }

    .s-input-select__option {
        padding: 0.45rem calc(0.7rem + 1px);
        cursor: pointer;
        transition: 0.1s;
    }
        .s-input-select__option:hover,
        .s-input-select__option:focus {
            background-color: var(--light);
        }
        .s-input-select__option:active {
            background-color: var(--primary-alpha-100);
        }

        .s-input-select__option--match {
            font-weight: 500;
            color: var(--primary);
            background-color: var(--light);
        }

    .s-input-select__caret {
        color: var(--gray-light);
        font-size: 0.85rem;
        padding-right: 0.16rem;
        padding-left: 0.16rem;
        cursor: pointer;
        border: none;
        background-color: transparent;
    }

        .s-input-select__caret * {
            color: inherit;
        }