Bug in styles of country select chevron
In /style.css#L11 custom propperties --PhoneInputCountrySelectArrow-color setted as inherit. And in /style.css#L111 propperties border-color setted as var(--PhoneInputCountrySelectArrow-color). But it doesn't work (demo) and it is very confusing. The border-color is expected to inherit the value of the border-color property from its parent. In fact, border-color is set to currentColor - default value of this properties.
Maybe it's worth defining in /style.css#L11 the initial value of the custom propperties --PhoneInputCountrySelectArrow-color as currentColor? It would make it much easier to understand how it works.
P.S. I also found the following statement on MDN
Only the individual properties values can inherit.
border-color is shorthand properties. Unfortunately, I could not find confirmation of this thesis in other authoritative sources. I understand that border-color: inherit works great. But border: 1px solid inherit doesn't work. I would like to understand what the spec thinks about this, but this is no longer relevant to the topic of this issue.