.desource-phone-input:where(:not(.is-unstyled)),.desource-phone-dropdown:where(:not(.is-unstyled)){--pi-bg: #ffffff;--pi-fg: #111827;--pi-muted: #6b7280;--pi-border: #e5e7eb;--pi-border-hover: #d1d5db;--pi-border-focus: #3b82f6;--pi-radius: 8px;--pi-padding: 12px;--pi-font-size: 16px;--pi-height: 44px;--pi-actions-size: 32px;--pi-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);--pi-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05);--pi-warning: #f59e0b;--pi-warning-light: #fbbf24;--pi-success: #10b981;--pi-focus-ring: 3px solid rgb(59 130 246 / 0.15);--pi-focus-ring-warning: 3px solid rgb(245 158 11 / 0.15);--pi-focus-ring-success: 3px solid rgb(16 185 129 / 0.15);--pi-disabled-bg: #f9fafb;--pi-disabled-fg: #9ca3af}.desource-phone-input:where(:not(.is-unstyled)):where(.theme-dark),.desource-phone-dropdown:where(:not(.is-unstyled)):where(.theme-dark){--pi-bg: #1f2937;--pi-fg: #f9fafb;--pi-muted: #9ca3af;--pi-border: #374151;--pi-border-hover: #4b5563;--pi-border-focus: #60a5fa;--pi-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.3);--pi-shadow-lg: 0 20px 25px -5px rgb(0 0 0 / 0.3), 0 10px 10px -5px rgb(0 0 0 / 0.2);--pi-warning: #fbbf24;--pi-warning-light: #fcd34d;--pi-focus-ring: 3px solid rgb(96 165 250 / 0.2);--pi-focus-ring-warning: 3px solid rgb(251 191 24 / 0.2);--pi-focus-ring-success: 3px solid rgb(16 185 129 / 0.2);--pi-disabled-bg: #374151}.desource-phone-input:where(:not(.is-unstyled)),.desource-phone-dropdown:where(:not(.is-unstyled)){font-size:var(--pi-font-size);background:var(--pi-bg);color:var(--pi-fg);border-radius:var(--pi-radius);border:1px solid var(--pi-border)}.desource-phone-input:where(:not(.is-unstyled)) *,.desource-phone-input:where(:not(.is-unstyled)) *::before,.desource-phone-input:where(:not(.is-unstyled)) *::after,.desource-phone-dropdown:where(:not(.is-unstyled)) *,.desource-phone-dropdown:where(:not(.is-unstyled)) *::before,.desource-phone-dropdown:where(:not(.is-unstyled)) *::after{box-sizing:border-box}.desource-phone-input:where(:not(.is-unstyled)) button,.desource-phone-input:where(:not(.is-unstyled)) input,.desource-phone-dropdown:where(:not(.is-unstyled)) button,.desource-phone-dropdown:where(:not(.is-unstyled)) input{margin:0;padding:0;border:none;background:none;font:inherit;color:inherit}.desource-phone-input:where(:not(.is-unstyled)) button,.desource-phone-dropdown:where(:not(.is-unstyled)) button{cursor:pointer}.desource-phone-input:where(:not(.is-unstyled)) button:disabled,.desource-phone-dropdown:where(:not(.is-unstyled)) button:disabled{cursor:not-allowed}.desource-phone-input:where(:not(.is-unstyled)) input,.desource-phone-dropdown:where(:not(.is-unstyled)) input{outline:none}.desource-phone-input:where(:not(.is-unstyled)) input::placeholder,.desource-phone-dropdown:where(:not(.is-unstyled)) input::placeholder{opacity:.5}.desource-phone-input:where(:not(.is-unstyled)) input:disabled,.desource-phone-dropdown:where(:not(.is-unstyled)) input:disabled{cursor:not-allowed}.desource-phone-input:where(:not(.is-unstyled)) .pi-flag,.desource-phone-dropdown:where(:not(.is-unstyled)) .pi-flag{display:inline-flex;font-size:1.25em;line-height:1}.desource-phone-input:where(:not(.is-unstyled)){position:relative;display:flex;align-items:stretch;width:100%}.desource-phone-input:where(:not(.is-unstyled)):focus-within{outline:var(--pi-focus-ring)}.desource-phone-input:where(:not(.is-unstyled)).is-incomplete{border-color:var(--pi-warning)}.desource-phone-input:where(:not(.is-unstyled)).is-incomplete:focus-within{outline:var(--pi-focus-ring-warning)}.desource-phone-input:where(:not(.is-unstyled)).is-complete{border-color:var(--pi-success)}.desource-phone-input:where(:not(.is-unstyled)).is-complete:focus-within{outline:var(--pi-focus-ring-success)}.desource-phone-input:where(:not(.is-unstyled)).is-disabled{background:var(--pi-disabled-bg);color:var(--pi-disabled-fg)}.desource-phone-input:where(:not(.is-unstyled)).is-readonly{cursor:default}.desource-phone-input:where(:not(.is-unstyled)):where(.size-compact){--pi-font-size: 14px;--pi-height: 36px;--pi-padding: 10px;--pi-actions-size: 24px}.desource-phone-input:where(:not(.is-unstyled)):where(.size-large){--pi-font-size: 18px;--pi-height: 52px;--pi-padding: 16px;--pi-actions-size: 32px}.desource-phone-input:where(:not(.is-unstyled)) .pi-selector{flex-shrink:0}.desource-phone-input:where(:not(.is-unstyled)) .pi-selector-btn{display:flex;align-items:center;gap:6px;padding-left:var(--pi-padding);padding-right:0;min-height:var(--pi-height);border:1px solid rgba(0,0,0,0);border-radius:var(--pi-radius) 0 0 var(--pi-radius);transition:all 150ms cubic-bezier(0.4, 0, 0.2, 1)}.desource-phone-input:where(:not(.is-unstyled)) .pi-selector-btn.no-dropdown{cursor:default}.desource-phone-input:where(:not(.is-unstyled)) .pi-selector-btn:focus-visible{border-color:var(--pi-border-focus);outline:none}.desource-phone-input:where(:not(.is-unstyled)) .pi-selector-btn:disabled>.pi-flag{opacity:.5}.desource-phone-input:where(:not(.is-unstyled)) .pi-code{color:var(--pi-fg)}.desource-phone-input:where(:not(.is-unstyled)) .pi-chevron{margin-left:2px;color:var(--pi-muted);transition:transform 200ms ease}.desource-phone-input:where(:not(.is-unstyled)) .pi-chevron.is-open{transform:rotate(180deg)}.desource-phone-input:where(:not(.is-unstyled)) .pi-input-wrap{flex:1;position:relative;display:flex;align-items:center}.desource-phone-input:where(:not(.is-unstyled)) .pi-input{flex:1;width:100%;padding-left:var(--pi-padding);padding-right:calc((var(--pi-actions-size) + 2px)*var(--pi-actions-count) + var(--pi-padding));min-height:var(--pi-height);border-radius:0 var(--pi-radius) var(--pi-radius) 0;transition:all 150ms cubic-bezier(0.4, 0, 0.2, 1)}.desource-phone-input:where(:not(.is-unstyled)) .pi-input:hover:not(:disabled):not(:read-only){border-color:var(--pi-border-hover)}.desource-phone-input:where(:not(.is-unstyled)) .pi-input:focus{border-color:var(--pi-border-focus);position:relative}.desource-phone-input:where(:not(.is-unstyled)) .pi-actions{position:absolute;right:2px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:2px}.desource-phone-input:where(:not(.is-unstyled)) .pi-btn{display:flex;align-items:center;justify-content:center;width:var(--pi-actions-size);height:var(--pi-actions-size);background:rgba(0,0,0,0);color:var(--pi-muted);border:none;border-radius:9999px;transition:all 150ms cubic-bezier(0.4, 0, 0.2, 1)}.desource-phone-input:where(:not(.is-unstyled)) .pi-btn:hover{background:var(--pi-disabled-bg);color:var(--pi-fg)}.desource-phone-input:where(:not(.is-unstyled)) .pi-btn:active:not(:disabled){transform:scale(0.95)}.desource-phone-input:where(:not(.is-unstyled)) .pi-btn:focus{outline:1px solid var(--pi-border-focus);outline-offset:-1px}.desource-phone-input:where(:not(.is-unstyled)) .pi-btn.is-copied{color:var(--pi-success);border-color:var(--pi-success)}.desource-phone-input:where(:not(.is-unstyled)) .pi-btn svg{flex-shrink:0}.desource-phone-input:where(:not(.is-unstyled)) .pi-actions .pi-btn{animation:ds-pi-fadein 200ms cubic-bezier(0.4, 0, 0.2, 1) both}.desource-phone-input>.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.desource-phone-dropdown:where(:not(.is-unstyled)){position:fixed;top:var(--pi-dd-top, 0);left:var(--pi-dd-left, 0);margin:0;width:var(--pi-dd-width, 0);max-width:calc(100vw - 16px);display:flex;flex-direction:column;box-shadow:var(--pi-shadow-lg);overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:scale(0.98);transform-origin:top center;will-change:opacity,transform;z-index:1000;transition:none}.desource-phone-dropdown:where(:not(.is-unstyled)).is-open{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);transition:opacity 160ms cubic-bezier(0.4, 0, 0.2, 1),transform 160ms cubic-bezier(0.4, 0, 0.2, 1)}.desource-phone-dropdown:where(:not(.is-unstyled))[data-placement=top]{transform-origin:bottom center}.desource-phone-dropdown:where(:not(.is-unstyled)) .pi-search-wrap{padding:8px;border-bottom:1px solid var(--pi-border)}.desource-phone-dropdown:where(:not(.is-unstyled)) .pi-search{width:100%;padding:8px 12px;font-size:16px;border:1px solid var(--pi-border);border-radius:calc(var(--pi-radius) - 2px);background:var(--pi-bg);transition:border-color 150ms ease}.desource-phone-dropdown:where(:not(.is-unstyled)) .pi-search:focus{border-color:var(--pi-border-focus)}.desource-phone-dropdown:where(:not(.is-unstyled)) .pi-options{max-height:var(--pi-dd-max-height, 300px);min-height:0;flex:1 1 auto;overflow-y:auto;padding:4px 0;margin:0;list-style:none}.desource-phone-dropdown:where(:not(.is-unstyled)) .pi-options::-webkit-scrollbar{width:8px}.desource-phone-dropdown:where(:not(.is-unstyled)) .pi-options::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.desource-phone-dropdown:where(:not(.is-unstyled)) .pi-options::-webkit-scrollbar-thumb{background:var(--pi-border);border-radius:4px}.desource-phone-dropdown:where(:not(.is-unstyled)) .pi-options::-webkit-scrollbar-thumb:hover{background:var(--pi-border-hover)}.desource-phone-dropdown:where(:not(.is-unstyled)) .pi-option{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background-color 100ms ease}.desource-phone-dropdown:where(:not(.is-unstyled)) .pi-option:hover,.desource-phone-dropdown:where(:not(.is-unstyled)) .pi-option.is-focused{background:var(--pi-disabled-bg)}.desource-phone-dropdown:where(:not(.is-unstyled)) .pi-option.is-selected{background:var(--pi-border);font-weight:500}.desource-phone-dropdown:where(:not(.is-unstyled)) .pi-opt-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desource-phone-dropdown:where(:not(.is-unstyled)) .pi-opt-code{color:var(--pi-muted);font-size:.875em}.desource-phone-dropdown:where(:not(.is-unstyled)) .pi-empty{padding:12px;text-align:center;color:var(--pi-muted);font-size:.875em}.desource-phone-input:where(:not(.is-unstyled)) .pi-input:-webkit-autofill,.desource-phone-input:where(:not(.is-unstyled)) .pi-input:-webkit-autofill:hover,.desource-phone-input:where(:not(.is-unstyled)) .pi-input:-webkit-autofill:focus,.desource-phone-input:where(:not(.is-unstyled)) .pi-input:-webkit-autofill:active,.desource-phone-dropdown:where(:not(.is-unstyled)) .pi-search:-webkit-autofill,.desource-phone-dropdown:where(:not(.is-unstyled)) .pi-search:-webkit-autofill:hover,.desource-phone-dropdown:where(:not(.is-unstyled)) .pi-search:-webkit-autofill:focus,.desource-phone-dropdown:where(:not(.is-unstyled)) .pi-search:-webkit-autofill:active{-webkit-text-fill-color:var(--pi-fg);caret-color:var(--pi-fg);-webkit-box-shadow:0 0 0 1000px var(--pi-bg) inset;box-shadow:0 0 0 1000px var(--pi-bg) inset;transition:background-color 9999s ease-out,color 9999s ease-out}.desource-phone-input:where(:not(.is-unstyled)) .pi-input:-moz-autofill,.desource-phone-dropdown:where(:not(.is-unstyled)) .pi-search:-moz-autofill{-moz-text-fill-color:var(--pi-fg);box-shadow:0 0 0 1000px var(--pi-bg) inset}@keyframes ds-pi-fadein{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}@media(max-width: 480px){.desource-phone-input:where(:not(.is-unstyled)){--pi-padding: 8px;--pi-actions-size: 24px}.desource-phone-input:where(:not(.is-unstyled)):where(.size-compact){--pi-actions-size: 20px}}@media(prefers-reduced-motion: reduce){.desource-phone-input:where(:not(.is-unstyled)),.desource-phone-input:where(:not(.is-unstyled)) *,.desource-phone-dropdown:where(:not(.is-unstyled)),.desource-phone-dropdown:where(:not(.is-unstyled)) *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}