.select-chevron-shell {
    position: relative;
    display: block;
    width: 100%;
    min-width: 0;
}

.select-chevron-shell > select {
    width: 100%;
}

.select-chevron-icon {
    position: absolute;
    top: 50%;
    right: 11px;
    width: 18px;
    height: 18px;
    color: var(--select-chevron-color);
    fill: currentcolor;
    pointer-events: none;
    transform: translateY(-50%);
}

.select-chevron-shell > select:disabled + .select-chevron-icon {
    opacity: 0.5;
}