@charset "utf-8";

.vue-tel-input { border-radius: 3px; display: flex; border: 1px solid rgb(187, 187, 187); text-align: left; }

.vue-tel-input.disabled .dropdown, .vue-tel-input.disabled .selection, .vue-tel-input.disabled input { cursor: no-drop; }

.vue-tel-input:focus-within { box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; border-color: rgb(102, 175, 233); }

.vti__dropdown { display: flex; flex-direction: column; place-content: center; position: relative; padding: 7px; cursor: pointer; }

.vti__dropdown.show { max-height: 300px; overflow: scroll; }

.vti__dropdown.open { background-color: rgb(243, 243, 243); }

.vti__dropdown:hover { background-color: rgb(243, 243, 243); }

.vti__selection { font-size: 0.8em; display: flex; align-items: center; }

.vti__selection .vti__country-code { color: rgb(102, 102, 102); }

.vti__flag { margin-right: 5px; margin-left: 5px; }

.vti__dropdown-list { z-index: 1; padding: 0px; margin: 0px; text-align: left; list-style: none; max-height: 200px; overflow-y: scroll; position: absolute; left: -1px; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); width: 390px; }

.vti__dropdown-list.below { top: 33px; }

.vti__dropdown-list.above { top: auto; bottom: 100%; }

.vti__dropdown-arrow { transform: scaleY(0.5); display: inline-block; color: rgb(102, 102, 102); margin-left: 9px; }

.vti__dropdown-item { cursor: pointer; padding: 4px 15px; }

.vti__dropdown-item.highlighted { background-color: rgb(243, 243, 243); }

.vti__dropdown-item.last-preferred { border-bottom: 1px solid rgb(202, 202, 202); }

.vti__dropdown-item .vti__flag { display: inline-block; margin-right: 5px; }

.vti__input { border: none; border-radius: 0px 2px 2px 0px; width: 100%; outline: 0px; padding-left: 7px; }