.ui-phone-input{width:var(--input-width,-moz-fit-content);width:var(--input-width,fit-content)}.ui-phone-input__wrapper{align-items:center;background:var(--background-color,var(--c-grey-500));border-radius:12px;display:inline-flex;height:48px;position:relative;transition:box-shadow .3s;width:100%}.ui-phone-input__wrapper:hover{box-shadow:0 0 0 1px var(--c-grey-200) inset}.ui-phone-input__code-selector{border:1px solid transparent;border-radius:12px;cursor:pointer;display:flex;height:100%;min-width:104px;padding:16px 8px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ui-phone-input__code-selector.is-active{border-color:var(--c-blue-400)}.ui-phone-input__code-selector-view{align-items:center;display:flex;width:100%}.ui-phone-input__code-selector-view img{margin-right:8px}.ui-phone-input__code-selector-view i{color:var(--c-grey-200);transition:.2s}.ui-phone-input__code-selector-view i.rotate{transform:rotate(180deg)}.ui-phone-input__code-selector-view span{margin-left:auto}.ui-phone-input__code-selector-list{background:var(--c-grey-500);border:1px solid var(--c-blue-400);border-radius:0 0 12px 12px;border-top:0;left:-1px;overflow-y:auto;padding-top:16px;position:absolute;top:70%;width:104px;z-index:1}@media screen and (min-width:1280px){.ui-phone-input__code-selector-list{max-height:250px}}.ui-phone-input__code-selector-list-item{align-items:center;display:flex;justify-content:space-between;padding:16px;transition:.2s}.ui-phone-input__code-selector-list-item:last-child{border-radius:0 0 12px 12px}.ui-phone-input__code-selector-list-item:hover{background:var(--c-blue-600)}.ui-phone-input__code-selector-list-item img{margin-right:8px}.ui-phone-input__code-selector-list-item.is-selected{background:var(--c-blue-600)}.ui-phone-input__control{background:none;border:none;caret-color:var(--c-blue-500);color:var(--c-white);font-size:14px;font-weight:500;height:100%;line-height:17px;outline:none;padding:8px 16px 8px 10px;width:100%}.ui-phone-input__control::-moz-placeholder{color:var(--c-grey-300);padding-left:5px}.ui-phone-input__control::placeholder{color:var(--c-grey-300);padding-left:5px}.ui-phone-input__caption{color:var(--c-grey-200)}.ui-phone-input__caption,.ui-phone-input__error{font-size:11px;font-weight:400;line-height:13px;margin:4px 0 0 16px}.ui-phone-input__error{color:var(--c-red-400)}.ui-phone-input__suffix{align-items:center;display:flex;position:absolute;right:16px;--icon-size:16px;color:var(--c-grey-200)}.ui-phone-input.is-focused .ui-phone-input__wrapper{box-shadow:0 0 0 2px var(--c-blue-500) inset}.ui-phone-input.is-invalid .ui-phone-input__wrapper{box-shadow:0 0 0 2px var(--c-red-400) inset}.ui-phone-input.has-suffix .ui-phone-input__control{padding-right:40px}