.wdev-tel.vue-tel-input{border:2px solid color-mix(in srgb, var(--color-ink) 80%, transparent);background:var(--color-white);height:3rem;box-shadow:none;border-radius:.75rem}.wdev-tel.vue-tel-input:focus-within{border-color:var(--color-cobalt);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-cobalt) 25%, transparent)}.wdev-tel--invalid.vue-tel-input{border-color:var(--color-cobalt)}.wdev-tel .vti__dropdown{border-right:2px solid var(--color-line);border-radius:.75rem 0 0 .75rem;padding:0 .75rem}.wdev-tel .vti__dropdown:hover,.wdev-tel .vti__dropdown.open{background:var(--color-paper)}.wdev-tel .vti__input{color:var(--color-ink);background:0 0;border-radius:0 .75rem .75rem 0;padding:0 .75rem;font-size:1rem}.wdev-tel .vti__dropdown-list{z-index:30;border:2px solid var(--color-ink);background:var(--color-white);border-radius:.75rem;width:22rem;max-width:85vw}.wdev-tel .vti__dropdown-item.highlighted{background:var(--color-paper)}.wdev-tel .vti__search_box{border:2px solid var(--color-line);border-radius:.5rem;width:calc(100% - 1rem);margin:.5rem;padding:.4rem .6rem}