select.form-control {
    color: $color-text-highlight;
    border-color: $color-input-bg;
    background-color: $color-input-bg;
    background-image:
        linear-gradient(45deg, transparent 50%, $color-text 50%),
        linear-gradient(135deg, $color-text 50%, transparent 50%);
    background-position:
        calc(100% - 20px) calc(1em + 2px),
        calc(100% - 15px) calc(1em + 2px),
        calc(100% - 2.5em) 0.5em;
    background-size:
        5px 5px,
        5px 5px,
        1px 1.5em;
    background-repeat: no-repeat;

    &:focus {
        color: $color-text-highlight;
        box-shadow: none;
        border-color: $color-input-focus-bg;
        background-color: $color-input-focus-bg;
        background-image:
            linear-gradient(45deg, $color-text 50%, transparent 50%),
            linear-gradient(135deg, transparent 50%, $color-text 50%);
        background-position:
            calc(100% - 15px) 1em,
            calc(100% - 20px) 1em,
            calc(100% - 2.5em) 0.5em;
        background-size:
            5px 5px,
            5px 5px,
            1px 1.5em;
        outline: 0;
    }
}