.phone-input-container{width:100%;margin-bottom:.9375rem;position:relative}.phone-input-container.rtl{direction:rtl}.phone-input-container .phone-input-label{display:block;margin-bottom:.3125rem;font-size:1.125rem;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.phone-input-container .phone-input-label.error{color:var(--red-error)}.phone-input-container .phone-input-wrapper{background-color:var(--border-color);display:flex;align-items:center;justify-content:center;height:3.1rem;padding:1px;transition:background-color .3s ease}.phone-input-container .phone-input-wrapper,.phone-input-container .phone-input-wrapper>*{clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);width:100%}.phone-input-container .phone-input-wrapper>*{height:100%}.phone-input-container .phone-input-wrapper.focused{background-color:var(--origin-blue)}.phone-input-container .phone-input-wrapper.error{background-color:var(--red-error)}.phone-input-container .phone-input-wrapper.disabled{opacity:.6;cursor:not-allowed}.phone-input-container .phone-input-wrapper .phone-inner{width:100%;height:100%;display:flex;align-items:stretch;background-color:rgba(0,0,0,0)}.phone-input-container .phone-input-wrapper .country-selector{position:relative;border-right:1px solid var(--placeholder-color)}.phone-input-container.rtl .phone-input-container .phone-input-wrapper .country-selector{border-right:none;border-left:1px solid var(--placeholder-color)}.phone-input-container .phone-input-wrapper .country-selector .country-selector-button{display:flex;align-items:center;gap:.375rem;padding:0 .75rem;height:100%;background:rgba(0,0,0,0);border:none;cursor:pointer;font-size:1rem;transition:background-color .2s ease;min-width:6.875rem}.phone-input-container .phone-input-wrapper .country-selector .country-selector-button:hover:not(:disabled){background-color:var(--background-tertiary)}.phone-input-container .phone-input-wrapper .country-selector .country-selector-button:disabled{cursor:not-allowed}.phone-input-container .phone-input-wrapper .country-selector .country-selector-button .flag{font-size:1.25rem}.phone-input-container .phone-input-wrapper .country-selector .country-selector-button .dial-code{color:var(--text-secondary);font-weight:500}.phone-input-container .phone-input-wrapper .country-selector .country-selector-button .dropdown-icon{margin-left:auto;color:var(--placeholder-color);font-size:.75rem;transition:transform .3s ease}.phone-input-container .phone-input-wrapper .country-selector .country-selector-button .dropdown-icon.open{transform:rotate(180deg)}.phone-input-container .phone-input-wrapper .phone-number-input{flex:1;padding:0 .9375rem;height:100%;border:none;outline:none;font-size:1rem;color:var(--text-primary);color:var(--text-input-primary);background:rgba(0,0,0,0)}.phone-input-container .phone-input-wrapper .phone-number-input::-moz-placeholder{color:var(--placeholder-color)}.phone-input-container .phone-input-wrapper .phone-number-input::placeholder{color:var(--placeholder-color)}.phone-input-container .phone-input-wrapper .phone-number-input:disabled{cursor:not-allowed}.phone-input-container .country-dropdown{position:absolute;top:calc(100% + .25rem);left:0;width:100%;background:#fff;background:var(--background-secondary);border:2px solid var(--border-color);border-radius:.5rem;box-shadow:0 .25rem .75rem rgba(0,0,0,.1);max-height:15.625rem;overflow-y:auto;z-index:1000}.phone-input-container .country-dropdown .country-option{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;width:100%;background:rgba(0,0,0,0);border:none;cursor:pointer;text-align:left;transition:background-color .2s ease;color:var(--text-primary)}.phone-input-container.rtl .phone-input-container .country-dropdown .country-option{text-align:right}.phone-input-container .country-dropdown .country-option:hover{background-color:var(--background-tertiary,#f0f0f0)}.phone-input-container .country-dropdown .country-option.selected{background-color:rgba(39,140,217,.1)}.phone-input-container .country-dropdown .country-option .flag{font-size:1.125rem;flex-shrink:0}.phone-input-container .country-dropdown .country-option .country-name{flex:1;color:var(--text-secondary);font-size:.875rem}.phone-input-container .country-dropdown .country-option .dial-code{color:var(--placeholder-color);font-size:.875rem;flex-shrink:0}.phone-input-container .phone-error-message{display:flex;align-items:center;gap:.375rem;margin-top:.3125rem;color:var(--red-error);font-size:.875rem}.phone-input-container .phone-error-message svg{font-size:.875rem}@media(width <= 28.125rem){.phone-input-container .phone-input-label{font-size:.925rem}.phone-input-container .phone-input-wrapper{background-color:var(--border-color);display:flex;align-items:center;justify-content:center;height:2.9rem;padding:1px}.phone-input-container .phone-input-wrapper,.phone-input-container .phone-input-wrapper>*{clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);width:100%}.phone-input-container .phone-input-wrapper>*{height:100%}.phone-input-container .phone-input-wrapper .country-selector .country-selector-button{min-width:6.25rem}.phone-input-container .phone-input-wrapper .country-selector .country-selector-button .dial-code{font-size:.875rem}.phone-input-container .phone-input-wrapper .phone-number-input{font-size:.925rem;padding:0 .75rem}}