.vue-select {
    margin-left: -.25rem;
    * {
        cursor: pointer;
    }
    .vue-select-wrapper {
        display: inline-flex;
        align-items: center;
        position: relative;
        color: #3c6690;
        &:hover * {
            color: #2b4763;
        }
    }

    select {
        appearance: none;
        border: none;
        padding: 0 .25rem;
        color: #3c6690;
        background-color: transparent;
        &:focus-visible {
            outline: none;
        }
    }

    label {
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 .25rem;
    }

    .vue-select-drop-icon {
        position: absolute;
        right: .25rem;
        top: 50%;
        transform: translateY(-50%);
        font-size: .66rem;
        line-height: .66rem;
        pointer-events: none;
    }

    .vue-select-wrapper:focus-within .vue-select-icon {
        border-color: #80bdff;
    }

    .vue-select-error-text,
    .vue-select-success-text {
        font-size: .45rem;
        color: var(--danger);
        margin-left: .5rem;
        margin-top: .1rem;
    }

    .vue-select-success-text {
        color: green;
    }

    .vue-select-error {
        border: 1px solid var(--danger);
    }

    .vue-select-success {
        border: 1px solid green;
    }
}