.phone-input-wrapper{width:100%}.phone-input-wrapper .vue-tel-input{background-color:#d8c7ff;border:1px solid #51358e;border-radius:.375rem}.phone-input-wrapper .vue-tel-input:focus-within{border-color:#51358e;box-shadow:0 0 0 2px #51358e33}.phone-input-wrapper .vti__dropdown{background-color:#d8c7ff;border-radius:.375rem 0 0 .375rem;border-right:1px solid #51358e;padding:.5rem}.phone-input-wrapper .vti__dropdown:hover{background-color:#c9b3ff}.phone-input-wrapper .vti__dropdown-list{background-color:#fff;border:1px solid #51358e;border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a;max-height:300px;z-index:50}.phone-input-wrapper .vti__search_box{background-color:#d8c7ff;border:1px solid #51358e;border-radius:.25rem;margin:.5rem;padding:.5rem;width:calc(100% - 1rem)}.phone-input-wrapper .vti__dropdown-item{padding:.5rem 1rem}.phone-input-wrapper .vti__dropdown-item.highlighted,.phone-input-wrapper .vti__dropdown-item:hover{background-color:#d8c7ff}.phone-input-wrapper .vti__input{background-color:#d8c7ff;border:none;border-radius:0 .375rem .375rem 0;font-size:.875rem;outline:none;padding:.5rem .75rem;width:100%}.phone-input-wrapper .vti__input::-moz-placeholder{color:#6b5b8a}.phone-input-wrapper .vti__input::placeholder{color:#6b5b8a}.phone-input-wrapper .vti__input:disabled{background-color:#e8dcff;cursor:not-allowed}.dark .phone-input-wrapper .vue-tel-input{background-color:#1f2937;border-color:#374151}.dark .phone-input-wrapper .vti__dropdown{background-color:#374151;border-color:#4b5563}.dark .phone-input-wrapper .vti__input{background-color:#1f2937;color:#f9fafb}.dark .phone-input-wrapper .vti__dropdown-list{background-color:#1f2937;border-color:#374151}.dark .phone-input-wrapper .vti__dropdown-item:hover{background-color:#374151}