.phone-field{display:grid;grid-template-columns:100px 1fr;position:relative}.phone-field__option{padding-right:8px;white-space:nowrap}.phone-field__option span{color:#898a8c}.phone-field__separator{background-color:#dcdcdd;border:0;height:100%;left:100px;margin:0;position:absolute;top:0;transition:background-color .2s ease;width:1px}.phone-field>.field:focus-within~.phone-field__separator{background-color:var(--accent)}.phone-field .select-field{min-width:100%}.phone-field .select-field__trigger{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0;margin:0}.phone-field .select-field__options-container{width:auto}.phone-field__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--white);border:1px solid #dcdcdd;border-left:0;border-radius:0 8px 8px 0;color:rgba(var(--black-rgb),1);font-family:var(--font-stack-book);font-size:15px;height:52px;line-height:22px;padding:15px 20px;transition:background .2s ease,border-color .2s ease,color .2s ease;width:100%}.phone-field__input.small{font-size:13px;height:42px;line-height:15px;padding:10px 15px}.phone-field__input:focus{border-color:var(--accent);caret-color:var(--accent);outline:none}.phone-field__input::-moz-placeholder{color:rgba(var(--black-rgb),.5)}.phone-field__input::placeholder{color:rgba(var(--black-rgb),.5)}.phone-field__input:disabled{background:#f8f8f8}.phone-field_dark>.field:focus-within~.phone-field__separator{background-color:rgba(var(--white-rgb),.1)}.phone-field_dark .phone-field__input{background:linear-gradient(0deg,#13151a,#13151a),linear-gradient(0deg,#00000005,#00000005);border-color:transparent;color:rgba(var(--white-rgb),1)}.phone-field_dark .phone-field__input:focus{border-color:transparent;caret-color:var(--accent)}.phone-field_dark .phone-field__input:disabled{background:#13151a99}.phone-field_dark .phone-field__input::-moz-placeholder{color:rgba(var(--white-rgb),.5)}.phone-field_dark .phone-field__input::placeholder{color:rgba(var(--white-rgb),.5)}.phone-field_dark .phone-field__separator{background-color:rgba(var(--white-rgb),.1);height:100%;top:0}.phone-field_dark .select-field__options-container{box-shadow:none}.phone-field_dark .select-field__trigger svg{color:var(--gray)}.phone-field_error .phone-field__separator{background-color:var(--red)}.phone-field_error>.field:focus-within~.phone-field__separator{background-color:#dcdcdd}.phone-field_error .phone-field__input,.phone-field_error .phone-field__input:focus{border-color:var(--red)}.phone-field_error.phone-field_dark>.field:focus-within~.phone-field__separator{background-color:rgba(var(--white-rgb),.1)}