| 1 |
.phoneInput { |
| 2 |
:global { |
| 3 |
.iti { |
| 4 |
width: 100%; |
| 5 |
} |
| 6 |
|
| 7 |
.iti__selected-country { |
| 8 |
padding: var(--givewp-spacing-2); |
| 9 |
padding-left: var(--givewp-spacing-4); |
| 10 |
width: 6.625rem; |
| 11 |
} |
| 12 |
|
| 13 |
.iti__arrow { |
| 14 |
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E'); |
| 15 |
background-position: center; |
| 16 |
background-repeat: no-repeat; |
| 17 |
background-size: 1rem; |
| 18 |
border: 0; |
| 19 |
height: 1rem; |
| 20 |
margin-left: auto; |
| 21 |
width: 1rem; |
| 22 |
|
| 23 |
&.iti__arrow--up { |
| 24 |
transform: rotate(180deg); |
| 25 |
} |
| 26 |
} |
| 27 |
} |
| 28 |
} |
| 29 |
|
